sinitsa

Четырехдневная рабочая неделя уже звучит как реальность. Благодаря росту технологий в последние годы все больше руководителей считают, что традиционная пятидневная рабочая неделя больше не нужна. Вместо этого, работу можно распределить на четыре дня, чтобы было больше времени для друзей и семьи.

Рассмотрим преимущества и недостатки такой рабочей недели.

✔ Снижение затрат

Начнем с довольно очевидной выгоды - меньше время в офисе означает меньшие накладные расходы, что, в свою очередь, сэкономит компании деньги. Также это сэкономит деньги сотрудникам: можно сократить расходы на поездки, обеды и кофе-брейки.

Кроме того, сотрудники будут выполнять тот же объем работы в течение более короткого периода времени, поэтому, во всяком случае, предприятия будут тратить меньше денег, чтобы получить тот же результат.

✖ Не всем/всегда подходит

Одним из основных недостатков использования четырехдневной рабочей недели является то, что она не подходит для любого типа бизнеса.

Поскольку пятидневная рабочая неделя самый популярный способ организации работы, у многих предприятий нет иного выбора, кроме как работать пять дней в неделю, чтобы не отставать от клиентов и их рабочей нагрузки. Четырехдневные рабочие недели работают только в тех организациях, которые могут заново адаптировать свою рабочую структуру - не все предприятия могут предоставлять своим сотрудникам выходной день просто потому, что они этого хотят.

✔ Повышенная производительность

Оказывается, работать меньше - значит больше.

Как доказала в прошлом году новозеландская компания Perpetual Guardian, четырехдневная рабочая неделя может серьезно повысить производительность сотрудников, несмотря на то, что у них остается меньше времени для выполнения работы.

В ходе шестинедельного испытания, проведенного в сотрудничестве с Университетом Окленда, компания обнаружила, что уровень производительности вырос на 20%, и что их сотрудники лучше относились к выполнению своей работы.

✖ Больше часов = дополнительный стресс

Неизбежно, что работодатели не будут в восторге от возможности платить работникам ту же зарплату за то, что они проводят меньше времени на работе. Поэтому для того, чтобы 40-часовая рабочая неделя была рассчитана всего на четыре дня, сотрудники должны работать каждый день дольше.

Работа по 8-9 часов может конечном итоге привести к выгоранию и усталости. Также это может привести к тому, что сотрудники будут стараться не отставать, что вызовет у них стресс при попытке сделать все вовремя.

✔ Сотрудники станут счастливее

Возвращаясь к исследованию Perpetual Guardian, обнаружено, что 78% сотрудников более эффективно совмещали свою работу и семейную жизнь. Это доказало, что четырехдневная рабочая неделя может сделать сотрудников счастливее.

Благодаря трехдневным выходным у сотрудников будет больше свободного времени, чтобы заниматься своими делами и наслаждаться тем, что им нравится. Кто бы этого не хотел?

✔ Более здоровые сотрудники

Одним из самых больших положительных результатов внедрения четырехдневной рабочей недели является влияние, которое она оказывает на здоровье сотрудников. Фактически это считается эффективным решением растущей проблемы психического здоровья на рабочем месте.

Это также может существенно сократить количество больничных дней, которые сотрудники берут каждый год. Возьмем, к примеру, Pursuit Marketing - с момента внедрения четырехдневной рабочей недели в компании в 2016 году они увидели, что количество больничных резко упало до рекордно низкого уровня, а производительность труда увеличилась на 30%.

Так, возможна ли четырехдневная рабочая неделя?

Четырехдневная рабочая неделя - это мечта многих, и исследования лишь подчеркивают ее преимущества.

Хотя да, она может не подходить для каждого типа бизнеса, и да, может увеличить нагрузку на сотрудников. Но возможность самим решать, как и когда сотрудники хотят работать, может быть эффективным решением.

Как показало исследование Vouchercloud, средний сотрудник тратит лишь 2 часа и 53 минуты каждый день на продуктивную работу. В конце концов, ни один работодатель не хочет, чтобы у него был немотивированный персонал, который специально берет больничныые, чтобы уделить немного времени себе.

Арсенал инструментов Google можно использовать для любых целей. Хотя некоторые услуги и программное обеспечение, направленные на увеличение трафика на сайте - платные, есть множество действительно полезных инструментов, которые в основном бесплатны.

Несомненно, лучшие из них были созданы Google с целью косвенной поддержки своего рекламного бизнеса. Но в большинстве случаев они могут быть одинаково эффективны при разработке сайта, даже если вы не собираетесь покупать рекламу Google.

Существует намного больше инструментов, чем представлено в этой подборке, но эти 6 критически важны для тех, кто хочет увеличить свой трафик и повысить рейтинг сайта.

1. Google Ads

Это платная услуга, но она имеет очень эффективное влияние на конкретный сектор, в котором работает ваш сайт.

Google AdWords - это средство, с помощью которого вы можете предложить цену за размещение рекламы в Google, когда для поиска используется определенное слово. Когда кто-то просматривает клик по объявлению, с вас взимается сумма, которую вы предлагаете за клик.

И вы можете сами выделить бюджет, чтобы реклама вам не обанкротила.

Google также позволяет механизму работать глобально или только для географически локального поиска, что делает его еще более доступным для небольших предприятий.

Поскольку вы платите только за результаты, вы можете начать с небольших сумм, и это будет одним из самых простых способов разместить онлайн-рекламу и нацелить клиентов или трафик, который вы больше всего хотите привлечь.

2. Google AdSense

Сервис отлично подходит для блоггеров или небольших сайтов, работающих с ограниченным бюджетом.

Для работы  AdSense вы просто вставляете небольшое количество кода на сайт. Когда этот код будет интегрирован, сгенерированные Google объявления будут отображаться в заголовке, на боковой панели или в контенте. В зависимости от размера сайта и количества посетителей на нем сумма, которую вы можете заработать с помощью AdSense, может варьироваться от скромной до значительной.

3. Google Analytics

В то время как все другие инструменты, упомянутые здесь, полезны, этот абсолютно необходим для любого, кто серьезно относится к своему веб-сайту. Google Analytics позволяет Google отслеживать ваших посетителей и всю информацию о них.

Он сообщит вам, какой браузер они использовали, откуда они пришли (ссылка на другой сайт или поиск), их географическое положение и родной язык. Он также может определить, какое устройство и операционную систему они используют. И, что очень важно, он показывает, куда более часто заходят посетители на вашем сайте

Существуют также плагины для социальных сетей и информация о том, сколько времени каждый посетитель провел на сайте.

Эта услуга совершенно бесплатна, поэтому у вас нет оправдания не использовать ее.

4. Google Display Planner

Google Display Planner представляет собой инструмент, специально созданный для разработки рекламной кампании, предоставляющий множество идей на основе предоставленной вами информации о вашем сайте, а также того, что он может извлечь из Google Analytics.

Затем, когда вы разработали кампанию, у нее будет обоснованное предположение о том, сколько показов страниц она может достичь, и примерно, сколько это будет стоить вам при оплате за клик.

На большинстве предприятий такой план и связанные с ним расходы потребуют одобрения со стороны высшего руководства. И чтобы помочь с этим аспектом, Google Display Planner может экспортировать план в готовый документ.

Цель этого инструмента - помочь вам сделать лучший выбор в отношении того, куда вы потратите маркетинговые деньги, чтобы ваши конверсии были успешными.

5. Google Trends

Этот инструмент облегчает создание профиля любого конкретного поискового запроса, который включает в себя частоту его использования, географическое местоположение и более или менее длительное использование.

Эта информация может быть глобальной или для конкретной страны, в течение более длительного периода времени или всего лишь нескольких часов, а также существуют разбивки по категориям.

Это может быть очень ценной информацией, если вы планируете рекламную кампанию, используя определенное слово, или вы ищете модные слова, чтобы стимулировать больше трафика в будущем.

Наше единственное предупреждение об этом инструменте состоит в том, что слова могут иметь разные значения во всем мире, например, «biscuit», слово, которое означает разные вещи в США и Великобритании.

6. Google Search Console

После того, как вы зарегистрировались в Google Search Console, что позволит вам быть подтвержденным владельцем, вы сможете получить доступ к широкому выбору полезных инструментов.

Американский разработчик Нил Агарвал создал достаточно интересный познавательный сайт The Deep Sea, который представляет собой современную энциклопедию, рассказывающую о жителях подводного мира.

Автор называет свой проект «интерактивной визуализацией океана». Веб-сайт максимально простой, хотя и удобный в пользовании, а реализация определенно заслуживает внимания, но на интерактивную визуализацию явно не тянет.

По мере погружения, которое осуществляется скроллингом, появляются различные обитатели подводного мира, встречающиеся как раз на этой глубине — индикатор глубины погружения постоянно отображает точное значение. Надо отдать должное автору, который сделал все достаточно качественно — изображения представителей подводной флоры и фауны наложены идеально. Для пущего реализма и атмосферности фон меняется от светло-голубого до непросветно-черного.

А чтобы сделать путешествие в Бездну Челленджера еще более увлекательным, разработчик добавил множество интересных фактов, например, в последний раз мировой рекорд глубинного погружения обновил в 2014 году египетский инструктор Ахмед Габр, которому покорилась глубина 332,4 метра.

Пожалуй, единственное, чего не хватает, это возможности получать дополнительную информацию по наведению на тот или другой вид животных, или хотя бы ссылок на Википедию. И как раз в этом проекте вполне могла бы пригодиться дополненная реальность и карточки Google. Но понятно, что это колоссальный объем работы.

Не можна просто так взяти і викласти сайт в світ! Навіть модні CMS не врятують. Ми зібрали ключові особливості запуску нового ресурсу.

Зовнішній вигляд і користувачі

Пам'ятай, що браузери працюють по-різному, і відповідно, показувати інфу вони теж будуть по-своєму. Перевір, як себе веде сайт в існуючих браузерах/движках: Firefox / Gecko, Safari / WebKit, Chrome, IE, Opera і (якщо це можливо) в деяких мобільних браузерах. Можна перевірити, як сайт відображається на різних ОС.

Враховуй той факт, що люди можуть юзати сайт на кноппкових телефонах, читалках і інших дивних девайсах. Існують стандарти доступності інтернет-додатків для людей з обмеженими можливостями, які теж треба б застосовувати. Почитай мануал по WAI і прийми до відома.

Розгортання оновлень непомітне для користувачів. Буде здорово, якщо у тебе з'явиться можливість тестувати продукт на проміжному хостингу з виходом в мережу (не на локальній машині з трьома віртуалками) і т.д. Це дозволить перевірити "підгрузку" модулів, реалізацію змін в архітектурі і коді, і інші важливі штуки, здатні налякати юзера на старті. Найбільш ефективне поєднання системи контролю версій (git, Subversion і ін.) І механізму автозборки (Ant, NAnt і ін.).

Повідключати всі костилі, створені для дебага. Ці інструменти виводять службовіповідомлення, про існування яких користувачеві знати необов'язково.

Якщо є які-небудь форми, захисти їх капчами.

Вивчи теорію прогресивного вдосконалення.

Всі дані користувача/для користувача (пошта, телефон) потрібно приховувати - спамери і краулери не дрімають.

Використовуй з розумом атрибут " nofollow ". Почитай про нього окремо.

На сайті не повинно бути таких сторінок, які б при старті оновлювалися кілька разів або довго довантажували вміст.

Перенаправляє всіх після POST-a, якщо він був успішним, щоб не допустити дублюючої відправки чого-небудь на сервер (це може бути як дублюючий запис в базу, так і крута ін'єкція, від якої потім будуть проблеми).

Безпека

Вивчи гайд по OWASP , що охоплює всі тонкощі безпеки сайту.

Дізнайся все про ін'єкції (особливо SQL) і про те, як їх не пропустити.

Всі поля введення повинні бути захищені горою перевірок, валідацій і інших механізмів. Не вір нікому!

Використовуй "міцні" алгоритми хешування паролів для їх надійного зберігання.

Не винаходь велосипед, намагаючись придумати свою систему аутентифікації. Все вже готово! А якщо ти випустиш щось незначне або НЕ врахуєш - тобі на це вкаже хакер з вимогою певної суми.

Якщо на сайті використовується платіжна система - гарненько вивчи це питання.

На будь-яких сайтах, де вводиться конфіденційна інфа (облікові дані, особиста інформація, дані кредитної картки), юзай SSL/TLS/HTTPS. Let's Encrypt - ось безкоштовний центр сертифікації, який може допомогти.

Запобігай можливим викраданням сесії.

Уникай міжсайтового скриптингу (XSS).

Стережися підробок міжсайтових запитів (CSRF).

Захисти ресурс від Clickjacking.

Підтримуй систему завжди в оновленому стані.

Не зберігай файл з даними для підключення до БД "на видному місці".

Прочитай хендбук з безпеки від Google .

Допиши rel= "noopener noreferrer"до всіх посилань з target="_blank", щоб запобігти JavaScript-перенаправленню з головної сторінки на підроблену.

Розглянь можливість використання Content Security Policy.

Продуктивність

Обов'язково реалізуй кешування. Тільки реалізуй правильно, бо можна налаштувати так, що користувач не побачить оновлення протягом трьох діб.

Якщо контент довго завантажується (більше 2-3 секунд), прироби прелоадер.

Оптимізуй всі картинки. Google радить використовувати якісні та релевантні зображення без тексту.

Для перевірки загального стану ресурсу юзай крутий інструмент (знову від Google). Існує ще кілька варіантів - від Yahoo і набір тулз YSlow.

Використовуй стиснення вмісту brotli , gzip / deflate .

Прагни до об'єднання кількох CSS-таблиць або декількох JS-файлів, щоб зменшити кількість з'єднань і поліпшити продуктивність gzip.

Застосовуй svg, де це можливо. Почитай рекомендації для веб-девелоперів, щоб краще розбиратися в темі.

Якщо ресурс високонавантажених, використовуй принцип паралельного завантаження - розділи статичний і динамічний вміст між доменами.

Статичний контент (зображення, CSS, JavaScript і контент, який не потребує доступів до куків) повинен відправлятися в окремий домен, який не використовує файли cookie. Це все для того, щоб при кожному зверненні до домену та піддомену гора куків не навантажувала з'єднання. Юзай CDN.

Максимально скороти загальну кількість HTTP-запитів, які потрібні для відображення сторінки.

Почитай, що таке таск-раннери і для чого вони потрібні. Вибери будь-який: Gulp , Grunt , Brocolli або Brunch і прикрути обов'язково до сайту.

Уважно поставтеся до такого "маловажливого" моменту, як фавікон. Він повинен бути в корені сайту,  /favicon.ico. Браузери автоматично запросять його, навіть якщо значок взагалі не згадується в коді. Якщо у тебе його немає - настав час його додати.

Найголовніше правило для цього пункту - роби сайти для людей, а не для пошукових систем. З кожним роком сеошні алгоритми змінюються, але концепція залишається незмінною.

Використовуй "зрозумілі" URL. Посилань виду: https://proglib.io/rr6r7f734Xf3w444 бути не повинно.

Подбай про те, щоб основні теги ( title, descriptionі т.д.) були заповнені коректної інфою.

Можна погратися з Open Graph мітками.

Можна юзати crawl для динамічного контенту. Це дозволить пошуковим роботам краще, а головне, швидше індексувати сторінки.

Візьми за правило - посилання типу: "тиць", "сюди", "Click here" не принесуть користь твоєму SEO. Посилання має нести сенс. Людина і бот повинні розуміти, куди веде анкор.

Відшукай всі неіснуючі сторінки і видали все сміття. Посилання, що ведуть на неіснуючу сторінку, повинні повертати красиву заглушку 404, а не "Сторінку не знайдено".

Дивний файлик sitemap.xml повинен бути в корені, і не вір тому, хто говорить інакше!

Вивчи, що  таке <link rel="canonical" ... />, і застосовуй.

Для успішного моніторингу SEO, отримання будь-якої аналітики і не тільки використовуй Google Webmaster Tools і Bing Webmaster Tools.

Почитай, як robots.txt допомагає пошуковим павукам працювати краще.

Завжди використовуй 301 Moved Permanently, наприклад, після зміни www.example.com на example.com(або навпаки).

 Функціонал

Такі речі, як HTTP, GET, POST, сесії, куки повинні "відлітати від зубів".

Пиши XHTML / HTML і CSS у відповідності зі специфікаціями W3C і переконайся, що вони проходять валідацію. Це необхідно, щоб зробити роботу з нетрадиційними браузерами, читалками і т.д. простіше і ефективніше.

Розберися, як підгружается JavaScript, таблиці стилів і інші ресурси, що використовуються на сторінці під час її завантаження, і як вони впливають на продуктивність. Перемісти всі скрипти в нижню частину сторінки.

Якщо збираєшся використовувати iframes, розберися, як працює JavaScript sandbox.

Пам'ятай, що NoScript стає все більш популярним, а з ним мобільні девайси можуть працювати не так, як очікувалося. Коли-небудь Google проіндексує сайт, і частина JS перестане запускатися.

Розберися в різниці між редіректом 301 і 302.

Розглянь можливість використання нормалізації CSS.

Існують фреймворки такі, як jQuery, MooTools, Prototype, Dojo і YUI 3, які згладжують більшість відмінностей між браузерами при маніпуляції DOM.

Перевір адмінку на предмет залиття файлів і працездатності навігації.

Поміняй дефолтні логін / пароль на щось своє!

Для оптимізації продуктивності різних фреймворків використовуй Google Libraries API, щоб запобігти марній дублюючій підгрузці.

Пошук і виправлення помилок

Ти будеш витрачати 20% свого часу на кодинг і 80% на його підтримку, тому створюй код відповідно.

Якщо сайт крутиться на WP, то для вмикання / вимикання дебага константа WP_DEBUG повинна бути true/false відповідно. Якщо движок інший, то напиши в .htaccess для директив php_flag display_errors, php_flag display_startup_errors, php_flag html_errors значення on або off.

Прикрути до сайту систему, завдяки якій користувачі зможуть повідомляти про можливі проблеми.

Добре документуй код і функціонал продукту, щоб в майбутньому тобі (і, можливо, іншим колегам) було простіше виконувати технічне обслуговування.

Регулярно роби резервні копії і переконайся, що резервування працює, щоб потім не було нестерпно боляче.

Обов'язково юзай систему контролю версій: Subversion , Mercurial або Git.

Перед запуском не забудь провести тестування. Selenium тобі в допомогу. Якщо ж ти хочеш автоматизувати цей процес, то дивись в сторону CI інструментів, наприклад, Jenkins .

Логування ніхто не відміняв. У цьому тобі можуть допомогти log4j , log4net або log4r .

Google точно не був відомий своїм дизайном десять років тому. З тих пір багато чого змінилося.

Я приєднався до Google в минулому році. Мені було цікаво спостерігати, як розвивався дизайн в такий нетрадиційної компанії. Озираючись на минулий рік, є 10 речей, які я дізнався і які, я сподіваюся, допоможуть вам з вашим дизайном.

1. Дизайн для всіх

Зосередьтеся на користувачі, і все інше прийде саме. З самого першого дня нам вселяли повагу до користувача. З дев'ятьма продуктами, які мають більше одного мільярда користувачів, проектування для всіх прийняло абсолютно новий сенс. Найменші конструктивні зміни можуть торкнутися мільйониів людей.

У моїх попередніх компаніях доступність і інтернаціоналізація були не дуже важливі. В Google наші проекти повинні бути інклюзивними. Я став кращим дизайнером, зосередившись на якомога більшій кількості людей.

2. Розвивайте вплив, а не авторитет

До Google, я був главою UX в публічній кампанії середнього розміру. Коли я приєднався до пошукового гіганта, у мене був той же рівень, що і у сотень інших дизайнерів, і ніяких співробітників в підпорядкуванні. Ось в чому справа - вам не потрібно звання або управління командою, щоб бути лідером дизайну.

Google - це багато в чому організація, що заснована на відносинах, де вплив - це все. Створення міцних партнерських відносин з менеджерами по продуктах, дослідниками UX і інженерами має важливе значення.

Як вибудувати свій вплив? Почніть викликати довіру, задаючи питання, слухаючи і проявляючи особистий інтерес. Як тільки ви завоювали довіру команди, надихнете інших на своє бачення, показавши, як воно узгоджується з цілями команди.

3. Отримуйте зворотний зв'язок раніше і частіше

Спільнота дизайнерів Google величезна, і всі хочуть бути корисними. Цілком ймовірно, що хтось вже мав справу з подібною проблемою в минулому.

Як новий дизайнер в команді, скористайтеся своїм становищем, задаючи багато питань. Ви не знаєте те, чого ви не знаєте.

Не бійтеся показати незакінчену роботу, щоб отримати ранній зворотний зв'язок. На той час, коли ви переходите до демонстрації дизайну, у вас вже був шанс вирішити будь-які проблеми.

4. Залиште своє его за дверима

Его встає на шляху хорошого дизайну. Хоч здорова доза впевненості потрібна, не прагніть бути найрозумнішою людиною в кімнаті. У нас не завжди є відповіді на всі питання, і це нормально.

Хороші ідеї можуть виходити від кого завгодно. Залишаючись неупередженими, ми співпрацювали над кращим рішенням для користувача.

5. Синдром самозванця реальний

Завжди є цей голос сумніву в глибині твоєї голови... У компанії такого розміру, як Google, це почуття збільшилося. Я переживав, що не буду успішним, незважаючи на розробку багатьох продуктів, які люди люблять.

Я прийшов до розуміння, що кожна людина відчуває деяку форму синдрому самозванця. Незалежно від того, як багато ви знаєте, завжди є щось ще, що можна дізнатися. Я навчився приймати це почуття. Тепер, коли у мене є хоча б найменші сумніви, я оглянусь на свій минулий рік досягнень і буду знати, хто я.

6. Інвестуйте в себе

Одна з речей, які я ціную в Google - це безліч доступних можливостей для навчання. Я брав уроки з усього, ораторського мистецтва до запуску дизайну спринтів. Раз на рік Google проводить внутрішню UX-конференцію. Дизайнери з усього світу Google збираються разом, щоб провести надихаючі бесіди та семінари.

Щоб стати кращою версією самого себе, прийміть недоліки. Робіть те, що вас лякає. Ось тоді і відбувається реальне зростання.

7. Зосередьтеся на своїх сильних сторонах

У чому ви процвітаєте серед інших супер талановитих дизайнерів по всій організації? Розвивайте і оптимізуйте свої сильні сторони. Використання ваших сильних сторін призводить до більш високих рівнів залученості. Це також призводить до стійкої пікової продуктивності.

Під час перевірки продуктивності кожен повинен перерахувати одну річ, яку ви робите дійсно добре. Одна з моїх сильних сторін-аналіз даних для пошуку закономірностей та організації ідей.

Я намагаюся отримувати дані щоразу, коли хочу прийняти обгрунтоване дизайнерське рішення. Я навчився концентруватися на своїх сильних сторонах і шукати можливості використовувати їх у своїй кар'єрі.

8. Люди вище технологій

Багато в чому робота в Google схожа на роботу в добре фінансованому стартапі. Кожна команда має різні процеси та інструменти. Хоча обговорення Sketch і Figma - це весело, інструменти весь час змінюються. Технологія завжди змінюється, і щороку з'являються нові тенденції в дизайні.

Єдине, що залишається незмінним - це люди. Нам подобається думати, що ми всі унікальні, але те, як людина думає, відчуває і діє - дуже передбачувано. Люди залежать від звичок і не змінюються так швидко.

Зрозумійте, як працювати з вашими колегами по команді, їх мотиви і цілі. Це набагато важливіше, ніж вивчення нових інструментів.

9. Розберіться в продукті

Протягом усієї своєї кар'єри я дивуюся тому, як багато людей не розуміють бізнес, в якому вони працюють. Все, що стосується продуктів, користувачів, цілей і того, як заробляють гроші.

Знання бізнесу дозволяє легше переконати крос-функціональних партнерів інвестувати в ваші рішення. Google сильно зав'язаний на OKR's (objectives and key results, цілі і ключові результати).

Представляючи проекти, я обов'язково прив'язую їх до цілей компанії, команди або продукту. Це підсилює значимість проектування.

10. Шлях змушує нас цінувати мету

Робота в Google була мрією, яка здійснилася не відразу, що змусило мене цінувати її ще більше. Протягом перших семи років після закінчення коледжу я подавав заявки в Google майже щороку.

Через кілька років мені вдалося пройти первинні співбесіди. Я був доставлений в Googleplex для повного інтерв'ю. Але я не пройшов.

Рекрутер вийшов на зв'язок майже через п'ять років. Після того, як я знову пройшов через цей процес, я, нарешті, отримав пропозицію про роботу.

Microsoft PowerPoint является легендарной программой для создания статических и интерактивных презентаций наряду со стандартными функциями Office с интерфейсом, к которому привыкло большинство. Тем не менее, для тех, кому уже надоели скучные презентации, есть несколько бесплатных альтернатив Microsoft PowerPoint.

Google Slides

Являясь частью приложений Google, Google Slides предлагает бесплатное онлайн-приложение (и в автономном режиме) для презентаций, которое соответствует простому дизайну Google и знакомому пользовательскому интерфейсу. Основные функции включают в себя, создание  и редактирование презентации до 50 МБ, делиться с коллегами, публиковать слайды на веб-сайтах, импортировать и конвертировать файлы .pptx и .pps и встроенные слайды.

Slidebean

Slidebean - ето онлайн-редактора презентаций, который имеет более 85 000 пользователей, и, хотя он не является суто бесплатным, Slidebean предлагает бесплатную пробную версию, чтобы попробовать все, что есть, от слайдов одним щелчком мыши до шаблонов, предназначенных для малых предприятий без собственного дизайна.

Ключевые функции включают в себя огромное количество шаблонов, разработанных для отдельных бизнес-функций, необработанную информацию для готового слайда за один шаг, вставку данных CSV, поддержку видео, обмен презентациями с коллегами и онлайн-чат.

Microsoft Sway

Если вам нравится Microsoft, но вы хотите отказаться от PowerPoint, то Sway может быть идеальным выбором. Sway, называется «интеллектуальным приложением для создания цифровых историй», предлагает набор презентаций со встроенными отчетами, информационными бюллетенями и интерактивными документами.

Основные функции включают в себя интерактивный контент, умную презентацию, интеграцию с YouTube, Facebook и Mixcloud.

Sway доступен только в Windows 10, хотя есть возможность использовать онлайн, через iPhone и iPad.

Genially

Genially – это веб-приложение для презентаций, предлагающее интерактивные и частично анимированные слайд-шоу. Основные функции включают шаблоны презентаций, интеграцию с Spotify, Google Maps, социальными сетями, Amazon и YouTube, аналитику веб-презентаций и совместную работу.

Genially идеально подходит для малого бизнеса, создающего инфографику, презентации, микросайты, каталоги и CVS.

FlowVella

FlowVella – это интерактивное и автономное программное обеспечение для презентаций со встроенным аналитическим инструментом, предоставляющим подробные отчеты о презентациях, показывающие, сколько людей просматривали  вашу презентацию и как долго.

Pinterest - сервіс, який дозволяє додавати в закладки картинки, що сподобалися (Піни) і створювати з них тематичні колекції (дошки). У Pinterest можна також обмінюватися картинками один з одним, ставити оцінки, залишати коментарі до зображень, ділитися ними через Facebook і Twitter.

Весною 2019 року Pinterest провела IPO, а в серпні капіталізація компанії майже досягла $ 20 млрд. За власними даними сервісу, кожен день нові Піни додають 2 млн користувачів, а загальна кількість пінів вже досягла 100 млрд. Щомісячна аудиторія Pinterest становить 300 млн осіб.

Початок шляху: офіс в квартирі і особисті зустрічі з користувачами

До заснування Pinterest, в 2006 році, Бен Зільберман працював в Google, в відділі онлайн-реклами. Також він періодично відвідував лекції в бізнес-інкубаторі Y Combinator.

Через два роки він пішов з компанії, так як захотів зробити свій продукт. Зільберман зустрівся зі своїм приятелем по коледжу Полом Скіаррою і запропонував йому разом реалізувати декілька ідей.

Зільберман з дитинства захоплювався колекціонуванням марок, гербаріїв та комах. Тому він мріяв створити сервіс, де б люди могли «ділитися тим, що їх надихає».

У серпні 2008 року Пол звільнився з нью-йоркської венчурної фірми Radius Capital. Разом з Зільберманом вони заснували компанію Cold Brew Labs.

Скіарра став генеральним директором. Його робота полягала в залученні інвестицій. Будинок Скіарри в Каліфорнії був першим офісом компанії. У 2008 році вони випустили додаток Tote.

Задум полягав у тому, що користувачі зберігали в додатку фотографії різних речей, які їм надсилали компанії по електронній пошті або SMS, щоб потім їх купити. Cold Brew Labs вдалося отримати інвестиції від венчурної компанії First Mark Capital. Однак користувачі додавали товари в «Вибране» і пересилали товари один одному, але майже нічого в кінцевому рахунку не купували.

Додаток став повним провалом.

Причин цьому було декілька: по-перше, люди ще не використовували мобільні додатки для покупок. Сервіс випереджав час. По-друге, магазин App Store був не готовий підтримати бізнес на платформі мобільного додатка. Все працювало занадто повільно: Cold Brew Labs випускала наступну версію програми, перш ніж отримати відгуки про попередню.

Проте ті люди, які користувалися додатком, часто відправляли зображення вподобаних товарів собі і колекціонували їх. Зільберман спостерігав за поведінкою користувачів і вирішив створити продукт, побудований навколо цього. Ідею для нового сервісу йому подав знайомий дизайнер Еван Шарп, з яким вони розговорилися про колекціонування та інфографіку.

У 2009 році почалася робота над новим проектом, майбутнім Pinterest (назва стартапу придумала дружина Зільбермана під час святкового обіду на День подяки), і в березні 2010 року була запущена бета-версія. Разом зі Скіаррою і креативним директором Еваном Шарпом вони зняли маленьку квартиру, де розташувався офіс компанії.

Люди володіють відмінним смаком на книги, одяг, меблі, дизайн, але не мають (або не мали) можливість поділитися цим. - Бен Зільберман, засновник Pinterest

Зільберман так побоювався, що його ресурс втратить первісний задум, що після напису «Ласкаво просимо», який з'являвся при заході на головну сторінку, він зробив приписку «У вас повинен бути хороший смак!».

Команда цілий рік займалася проектуванням і вдосконаленням сайту. Шарп створив близько 50 робочих версій, експериментуючи з шириною стовпців і макетами зображень. Засновники хотіли, щоб користувачі могли переглядати кілька зображень одночасно, без прив'язки до хронології.

Спочатку сервісу було важко відшукати аудиторію. Через чотири місяці з моменту запуску у Pinterest було 3000 користувачів (за аналогічний період Instagram зібрав майже 1 млн користувачів).

Через п'ять місяців - менше 10 тисяч. Зільберман згадує: «Думаю, я особисто написав першим 5000 користувачів». Крім того, підприємець поділився з ними своїм номером мобільного телефону, а з деякими навіть випив по чашці кави.

Однією з перших знаменитостей, які зареєструвалися на сайті, стала Енн Ромні, дружина кандидата в президенти США від Республіканської партії Мітта Ромні. Потім на сайт звернули увагу технічні блоги Кремнієвої долини. Перші два роки реєстрація в сервісі була закритою, потім - за запрошеннями.

В кінці 2010 року колишня глава венчурної фірми IAC M & A Шана Фішер подзвонила в компанію і сказала, що хоче інвестувати в Pinterest. Генеральний директор платформи Eventbrite і співвласник PayPal Кевін Хартц теж заявив про намір вкласти гроші в стартап. Це сприяло залученню інвесторів в подальшому.

Монетизація сервісу

У вересні 2011 року число унікальних щомісячних відвідувачів Pinterest становило 1,68 млн, а в грудні - 7,28 млн. У лютому 2012 року їх кількість перевищила 16 млн.

Видання TechCrunch тоді написало , що Pinterest перетнув позначку в 10 мільйонів відвідувачів швидше будь-якого іншого сервісу, у якого є тільки сайт, за всю історію інтернету.

Таке зростання відвідуваності забезпечували насамперед жінки. За даними за 2018 рік, частка жінок в сервісі (у віці від 25 до 54 років) становила 83%. Видання Quartz називає Pinterest «улюбленої соцмережею американських матусь». При цьому більше 80% нових передплатників надходять з-за меж США.

У 2015 році Pinterest персоналізував налаштування пошуку за гендерним принципом: сервіс показує різні результати для жінок і чоловіків

Реклама - основне джерело доходу Pinterest. У 2010 році Зільберман почав експериментувати з вбудованим сервісом Skimlinks, який давав сайту можливість набирати клієнтів для сайтів-рітейлерів і отримувати близько 6% від кожного продажу, здійсненого з його допомогою.

Незабаром Pinterest відмовився від Skimlinks. Зільберман заявив, що Skimlinks використовувався в тестовому режимі: «Це була перевірка, а не готовий бізнес-план. Ми протестували кілька варіантів монетизації, в даному випадку - партнерські посилання».

Пізніше в Pinterest з'явилися інші опції. Їх почав вводити Тім Кендалл, який прийшов в Pinterest в 2012 році, а до цього майже п'ять років розробляв рекламні продукти Facebook. В на початку 2015 року він займався в Pinterest виключно питаннями монетизації, а через рік зайняв посаду першого президента компанії.

У 2014 році була додана опція Rich Pins, яка дозволила робити покупки.  Багато відомих брендів на кшталт Armani, Sony, Gap або Pull & Bear почали збирати цілі каталоги своєї продукції на сторінці в Pinterest. Зараз понад мільйон підприємств використовують Pinterest для залучення клієнтів.

Для тих, хто почав цікавитися Pinterest для просування бізнесу, команда створила «Рекламні Піни» (Promoted Pins). Доступ до них можуть отримати тільки бізнес-акаунти.

Рекламодавці вибирають просувний пін і вводять критерії орієнтування. Запустивши кампанію, можна відстежувати її хід і редагувати. Інструмент доступний тільки в десяти країнах, України серед них немає. Також Pinterest відкриває бізнес-профілям доступ до аналітики. Pinterest Analytics дозволяє вивчити аудиторію: її демографічні, гендерні та географічні характеристики.

У 2016 році соцмережа почала пропонувати персоналізовані рекомендації товарів на основі збережених пінів користувача. Перехід з хронологічної на алгоритмічну новинну стрічку підвищив залученість користувачів сервісу в п'ять-десять разів, люди почали активніше зберігати і ділитися зображеннями.

Головний інженер пошукових технологій Pinterest Мухаммед Шаханджіан вказував, що у сервіса є значна перевага перед іншими:

«Багато компаній намагаються зрозуміти інтереси своїх користувачів по внутрішнім сигналам. Але у випадку з Pinterest наші користувачі самі показують, що їм цікаво».

За рахунок використання машинного навчання для підбору рекомендацій, впровадження рекламних пінів, ряду нових опцій (таких як Rich Pins) і постійного зростання аудиторії компанія змогла збільшити прибуток в 20 разів - з $ 25 млн в 2014 році до $ 500 млн в 2017 році.

За даними на 2018 рік, річний виторг Pinterest зріс до $ 756 млн, а чистий збиток скоротився з $130 млн до $63 млн. Штат компанії перевищив 1800 чоловік.

Microsoft PowerPoint является легендарной программой для создания статических и интерактивных презентаций наряду со стандартными функциями Office с интерфейсом, к которому привыкло большинство. Тем не менее, для тех, кому уже надоели скучные презентации, есть несколько бесплатных альтернатив Microsoft PowerPoint.

Google Slides

Являясь частью приложений Google, Google Slides предлагает бесплатное онлайн-приложение (и в автономном режиме) для презентаций, которое соответствует простому дизайну Google и знакомому пользовательскому интерфейсу. Основные функции включают в себя, создание  и редактирование презентации до 50 МБ, делиться с коллегами, публиковать слайды на веб-сайтах, импортировать и конвертировать файлы .pptx и .pps и встроенные слайды.

Slidebean

Slidebean - ето онлайн-редактора презентаций, который имеет более 85 000 пользователей, и, хотя он не является суто бесплатным, Slidebean предлагает бесплатную пробную версию, чтобы попробовать все, что есть, от слайдов одним щелчком мыши до шаблонов, предназначенных для малых предприятий без собственного дизайна.

Ключевые функции включают в себя огромное количество шаблонов, разработанных для отдельных бизнес-функций, необработанную информацию для готового слайда за один шаг, вставку данных CSV, поддержку видео, обмен презентациями с коллегами и онлайн-чат.

Microsoft Sway

Если вам нравится Microsoft, но вы хотите отказаться от PowerPoint, то Sway может быть идеальным выбором. Sway, называется «интеллектуальным приложением для создания цифровых историй», предлагает набор презентаций со встроенными отчетами, информационными бюллетенями и интерактивными документами.

Основные функции включают в себя интерактивный контент, умную презентацию, интеграцию с YouTube, Facebook и Mixcloud.

Sway доступен только в Windows 10, хотя есть возможность использовать онлайн, через iPhone и iPad.

Genially

Genially – это веб-приложение для презентаций, предлагающее интерактивные и частично анимированные слайд-шоу. Основные функции включают шаблоны презентаций, интеграцию с Spotify, Google Maps, социальными сетями, Amazon и YouTube, аналитику веб-презентаций и совместную работу.

Genially идеально подходит для малого бизнеса, создающего инфографику, презентации, микросайты, каталоги и CVS.

FlowVella

FlowVella – это интерактивное и автономное программное обеспечение для презентаций со встроенным аналитическим инструментом, предоставляющим подробные отчеты о презентациях, показывающие, сколько людей просматривали  вашу презентацию и как долго.

Каждому бизнесу нужен веб-сайт, но ресторанному бизнесу особенно.

Многие уже ленятся готовить дома, или же не хотят готовить на огромную компанию и первое, что вы делаете в таких случаях - тянется до телефона. Google, Facebook или сторонние приложения укажут на присутствие ресторана в сети, и именно так потенциальные клиенты быстро решат, где поесть.

С чего же начать?

Основы:

Начните с шаблона  - уже есть фантастические шаблоны ресторанов на выбор

Будьте мобильны  - огромное количество ваших потенциальных клиентов будет просматривать ваш сайт по телефону

Будьте проще  - не переусердствуйте с вашим сайтом, когда достаточно нескольких основных страниц.

Сосредоточьтесь на важной информации  - предоставьте клиентам необходимую информацию и упростите ее

Обновления - если  ресторан развивается, ваш сайт тоже должен.

Тон:

Свой бренд -  сайт должен отражать уникальную индивидуальность ресторана

Подумайте о цветовой психологии  - знаете ли вы, что некоторые цвета стимулируют аппетит больше, чем другие?

Темные или светлые цвета? - все дело в создании правильного тона для бренда ресторана

Выберите свой шрифт - удобочитаемость является ключевым фактором, и правильный шрифт многое решает

Изображения:

Создайте "вкусное" изображение - это все о создании первого впечатления

Аккуратность меню - не надо много и всего

Интеграция с социальными сетями

Тщательно подумайте о видео  - хорошее видео может помочь

Основы создания сайта ресторана

Простой подход лучше всего подходит для создания веб-сайта ресторана. Не создавайте запутанную серию страниц, которые заставляют потенциальных клиентов бесконечно кликать, чтобы получить  форму бронирования или адрес вашего ресторана.

Начните с шаблона сайта ресторана

Ресторан уникален, и это необходимо отразить, создав веб-сайт, соответствующий его индивидуальности. Однако это не означает, что вы не можете полагаться на надежный шаблон, который поможет вам начать работу.

Самый простой способ создать сайт ресторана впервые - использовать конструктор сайтов.

Например, используя такой инструмент, как Wix или Squarespace, вы с самого начала выбираете, что тип создаваемого вами сайта - это ресторанный сайт. Затем вы можете добавлять свои собственные описания, образы и уникальный стиль.

Иле же создание уникального сайта и функционала никто не отменял, если вам он действительно нужен.

Сайт ресторана Pitch на мобильном телефоне

Мобильная адаптация

Выглядит так же хорошо на мобильном устройстве, как и на настольном компьютере: это основное требование для современного веб-сайта. И все же это препятствие, которое веб-сайтам ресторанов не удается пока устранить.

Вышеприведенный пример, Pitch, является примером простого мобильного дизайна. Он предлагает одинаковую информацию для мобильных и настольных компьютеров, при этом изменяя свой формат, оставаясь таким же читабельным.

«В наши дни большинство людей будут просматривать сайты ресторанов на мобильных устройствах. Кто сидит за рабочим столом и ищет рестораны? Никто! Все они делают это на лету на своих мобильных устройствах». ~ Ата Хан, маркетинговое агентство Xoobo

Дизайн сайта ресторана IRVING

Будьте проще

Больше не всегда лучше. У вашего сайта должна быть одна цель - привлечь больше клиентов. Для этого вам понадобится всего несколько простых страниц или даже одна страница, которую зрители могут прокрутить вниз, чтобы увидеть все. Просто посетите веб-сайт Dear Irving в Нью-Йорке.

Особенность сайта: одно из упущенных преимуществ веб-сайтов ресторанов - доступ для людей с ограниченными возможностями. Анализ CDC показывает, что каждый четвертый американец имеет инвалидность, однако, по словам Шери Бирн-Хабер (Sheri Byrne-Haber), бывшего главы отдела доступности McDonald's, в настоящее время рестораны являются «отраслью №1, которой предъявляют иск за недоступные веб-сайты» .

Alt-тэги, частые описания, простое копирование и простой дизайн веб-страницы могут помочь переводчику текста в аудио, а также облегчат просмотр вашего сайта для всех остальных.

Сосредоточьтесь на важной информации

Адрес. График работы. Меню. Вот что важно!

Энди Хейлер, ресторанный критик журнала Elite Traveler и автор The London Transport Restaurant Guide составил список того, что он хотел бы видеть на сайте ресторанов:

«Очевидно, что сайты ресторанов имеют очень разные бюджеты, и поэтому неизбежно некоторые из них намного лучше, чем другие. Но я хотел бы видеть на домашней странице сайта:

Меню или, по крайней мере, примерное меню

Адрес и номер телефона

Как сделать заказ

Винная карта (в полном объеме, не несколько лет устаревшего образца без цен)

Часы работы

и только после этого меня интересует «история ресторана» и рассказ об их эгоцентричном шеф-поваре» ~ Ресторанный критик Энди Хейлер

Часто обновлять

Любой, кто знаком с интернетом, знает, что он постоянно развивается. Или, может быть, лучше использовать термин «переход», поскольку ссылки прерываются, доменные имена перемещаются, а сроки продления услуг хостинга пролетают незаметно. Любой, кто управляет веб-сайтом для бизнеса, такого как ресторан, должен постоянно проверять, все ли обновлено, от часов работы до пунктов меню.

Правильный тон для сайта ресторана

Помните, что сайт ресторана является продолжением фирменного стиля ресторана. Для многих клиентов это может быть их первое взаимодействие с брендом, и, как мы все знаем, первые впечатления важно.

Дизайн сайта ресторана Olympia Oyster Bar

Свой бренд

Классический или домашний? Здоровый или мясо-картофельный? Все эти детали имеют значение в том, как должен выглядеть ресторан и его сайт. Большая часть брендинга связана с тем, что вы не делаете, а не с тем, что вы делаете.

Тип еды, которую вы подаете, также влияет на ваш бренд. Ирландский паб выглядит по-другому в том, что касается тако, и ваши клиенты захотят увидеть эту разницу и в Интернете.

Чтобы выяснить свой онлайн-бренд, попробуйте поискать аналогичные рестораны и посмотреть, как лучшие из них представляют свои сайты. Сайт Olympia Oyster Bar является хорошим примером: белый фон, ярко освещенные изображения устриц и белого вина и нарисованный от руки светло-голубой логотип - все это говорит о том, что это свежее, пляжное место.

Дизайн сайта ресторана Spencer's

Рассмотрим цветовую психологию

Различные цвета связаны с разными эмоциональными реакциями: красный цвет вызывает чувство возбуждения, голода и внимания, а желтый вызывает счастье и дружелюбие.

Франшизы быстрого питания действительно любят соединять их оба. Сколько вы видели желто-красных логотипов? Я думаю, много...

Тем не менее, вы не должны полагаться только на эти цвета. Для более тонкого подхода, посмотрите на ярко-красного лобстера на странице закусочной из морепродуктов Spencer's.

По крайней мере, ваш сайт должен использовать согласованную цветовую схему.

Дизайн сайта ресторана Toca Madera

Темные или светлые цвета?

Один из простых способов создать стильный и целостный вид для вашего сайта ресторана - выбрать в первую очередь светлые или преимущественно темные изображения и фоны.

Каждое изображение на слайд-шоу домашней страницы для веб-сайта мексиканского ресторана Toca Madera имеет темный фон, помогая выделиться белому названию ресторана и позволяя веб-сайту поддерживать единый связный тон.

В качестве примера светлой цветовой схемы вы можете посмотреть на веб-сайт французско-перуанского ресторана Astrid&Gastón, в котором используется слайд-шоу блюд на белой посудой, на белой скатерти или светло-коричневой деревянной доске.

В обоих случаях веб-сайты выбрали простую цветовую схему, которой легко следовать, но при они этом задают тон, который представляет их ресторан.

Дизайн сайта ресторана Fable

Выберите свой шрифт

Даже размер шрифта имеют значение на веб-сайте. Еще раз, это все о бренде.

Что лучше всего передает настроение, которое воплощает ваш ресторан? Трехзвездочный ресторан с винной картой может выглядеть лучше всего с плавной, изящной каллиграфией или, возможно, элегантным шрифтом с минимальным засечками. Однако продавец уличной еды, который работает быстро и непринужденно, может использовать смелый, объемный шрифт, чтобы лучше представить неприхотливые и уличные блюда, которые он подает.

При выборе лучшего шрифта вам нужно помнить о читаемости: некоторые шрифты выглядят великолепно при использовании одного или двух слов, но не работают, когда вы используете их для целых абзацев.

Fable, Ванкувер, расположенный в Британской Колумбии ресторан "от фермы до стола", имеет простой одностраничный веб-сайт, который выделяется не дизайном, а благодаря своему выбору блочных, прочных шрифтов и текстурированных фоновых рисунков.

Изображения и медиа

Время нагулять аппетит. При выборе изображений, которые вы используете на сайте, сосредоточьтесь на нескольких основных принципах. Вы захотите выбрать фотографии, которые показывают ваш ресторан и его еду в лучшем свете.

Дизайн сайта ресторана Catch

Создать главное изображение

Домашняя страница вашего сайта будет первым, что увидят посетители. Вы захотите добавить броский, привлекательный образ, и есть только одно правило: это должно представлять ваш бренд.

Для многих ресторанов это впечатляющий кадр их самого вызывающего слюни блюда. Для других наиболее представительным изображением может быть их шикарный дизайн интерьера или величественный вид на их внутренний дворик.

Если погода вокруг вашего ресторана имеет тенденцию быть теплой и привлекательной - как в месте расположения Catch в Лос-Анджелесе - вы не должны позволить своим посетителям забыть об этом!

Дизайн сайта ресторана Cassia Santa Monica

Аккуратность меню

Меню на вашем сайте должно быть максимально понятным и легко читаемым. Клиент хочет знать, что вы предлагаете.

Другими словами, не просто загрузите PDF своего меню. Статическое изображение всего меню также не будет работать: вы упустите шанс получить преимущества SEO, позволяя поисковым системам видеть каждое ваше блюдо.

Вместо этого, представьте все меню на своей веб-странице. Некоторые веб-сайты содержат несколько изображений, чтобы разжечь интерес к своим бестселлерам, но часто лучше всего использовать тщательно разработанное текстовое меню.

Вот отличный пример из Cassia Santa Monica: Информационное меню легко читается, с четко очерченными разделами.

Дизайн сайта ресторана Piada

Подумайте об интеграции социальных сетей

Instagram, Facebook и Twitter - отличные способы продвижения ваших лучших блюд или специальных акций, и вы определенно захотите добавить гиперссылки на свои учетные записи в социальных сетях на своем сайте.

Однако некоторые рестораны идут еще дальше и встраивают посты в социальных сетях прямо на свой веб-сайт, избавляя зрителя от необходимости переходить по ссылке.

Когда речь заходит о социальных сетях на сайтах ресторанов, Instagram гораздо популярнее, чем Twitter или Facebook, благодаря субкультуре гурманов, которые любят фотографировать свою еду. Ежедневно обновляемая лента Instagram также добавляет небольшое социальное подтверждение, так как ваши клиенты могут видеть, сколько лайков могут принести ваши блюда.

Квадратные изображения из Instagram-канала отлично смотрятся, что подтверждают выложенные плиткой кликабельные изображения в нижней части домашней страницы Piada Italian Street Food.

Тщательно продумайте видео

Включение видео на веб-сайт вашего ресторана - непростая задача. С одной стороны, это может быть увлекательный способ пригласить зрителей в виртуальный тур по вашей кухне, демонстрируя ваши лучшие блюда. Но с другой стороны: если вы не можете справиться с этим, лучше не начинайте.

Хорошее видео требует большого бюджета: вам понадобится хорошая камера, кто-то, кто понимает, как делать снимки и как освещать сцену, и рабочее пространство.

Тем не менее, видео может продемонстрировать энергию ресторана таким образом, что статические изображения не могут.

Сосредоточьтесь на деталях

Маленькие вещи имеют большое значение, когда речь заходит о разработке сайта ресторана. Убедитесь, что даже самые мелкие детали идеально отражают ваш бренд, и не забывайте обновлять сайт.

Дизайн сайта ресторана ACME

Отслеживание сезонных изменений в меню

Обновление сезонного меню онлайн может быть скучной рутиной, но именно поэтому оно может помочь вам выделиться. Свежее, современное сезонное меню гарантирует клиентам, что вы заботитесь о деталях.

Это также тот случай, когда соблазн использовать меню PDF может быть самым сильным,  но это делает чтение этого меню чуть более сложным для зрителей вашего сайта.

ACME в Манхэттене делает смелый выбор, чтобы превратить свое сезонное меню во всплывающее окно, которое блокирует все на странице, гарантируя, что никто не сможет его пропустить.

Дизайн сайта ресторана BLAKE

Определите вашу политику онлайн-заказа

Могут ли клиенты заказать через сайт доставку? Могут ли они сделать бронирование онлайн? Разные рестораны имеют разную политику, и это имеет огромное значение в функциональности и дизайне сайта.

Например, если вы предлагаете услугу доставки, вам необходимо убедиться, что все ваши цены четко обозначены и обновлены.

И если вы разрешаете онлайн-бронирование, убедитесь, что жирная кнопка «Бронирование» - это одна из первых вещей, которую клиенты видят, например, та, которую BLAKE в Массачусетсе, использует в верхней части своего сайта.

Дизайн сайта ресторана Flying Pig

Одна или несколько существующих локаций?

Если у вас более одного местоположения, вы должны указать это на своей домашней странице.

Некоторые ресторанные франшизы предлагают новое доменное имя и веб-сайт для каждого местоположения, но большинство просто перечисляют все их местоположения и адреса в заголовке в верхней части их домашней страницы.

Если у вас есть три местоположения, заголовок веб-сайта может содержать адреса каждого. Если у вас четыре или пять, в нем может быть только место для названия каждого города. Flying Pig является примером обоих.

Заголовок Flying Pig, 2017

В 2017 году на веб-странице было три места с телефонными номерами и адресами.

Заголовок Flying Pig, 2019

К 2019 году франшиза добавила еще одну локацию, и ее заголовок должен был быть немного проще.

Дизайн сайта ресторана Dirt Candy

Ограничьте всплывающие окна

Всплывающие окна не должны полностью заполнять страницу, являясь самым первым, что видит потенциальный клиент. Им нужен контекст. Раздражающие всплывающие окна - удивительно распространенная ошибка, даже из звездных ресторанов.

Отличная альтернатива? Со вкусом (без каламбура) черная полоса всплывающих окон, которую нью-йоркский вегетарианский ресторан Dirt Candy использует, чтобы напомнить посетителям забронировать столик накануне Дня матери. Он работает только в самой верхней части сайта, поэтому ничего не отвлекает и не затеняет, и не будет появляться после закрытия.

Дизайн сайта Bar Isabel

Удалите все лишнее

После того, как вы выполнили все шаги здесь для создания лучшего веб-сайта ресторана, остался еще один совет: вернитесь назад и удалите все, что не служит цели.

Некоторые рестораны включают длинные блоги или профили своих работников. Другие добавляют музыкальные плееры или анимированную графику. Но вместо того, чтобы привлекать клиентов, эти дополнительные навороты с большей вероятностью сбивают их с толку. Запомните все необходимое - адрес, часы, меню и бронирование - и избавьтесь от всего, что можете.

С первых дней существования Интернета веб-страницы использовали одни и те же форматы графических файлов - JPEG и GIF. Разработанные в 80-х и 90-х годах, эти особые «динозавры» остаются очень успешным видом. Последние данные от W3Techs показывают, что JPEG, GIF и PNG - самые популярные форматы на сегодняшних сайтах.

В то же время появляются новые виды для поддержки современной сети. Легкие, высокопроизводительные форматы, такие как Google WebP и High Efficiency Image File Format (HEIF), оптимизированы для современных цифровых технологий. Такие как AV1 Image File Format (AVIF) и JPEG XL, все еще находятся в стадии разработки. Так что, как бы мы не любили GIF, система развивается с вариантами, которые быстрее, изящнее и умнее.

В свете этих изменений возникает вопрос, когда исчезнет старый образ "динозавров" - JPEG и GIF. Однако, как и в случае с электричеством в наших домах, для полной перезагрузки и внедрения новой инфраструктуры потребуется время. Чтобы лучше понять эволюцию, давайте начнем с начала.

Популярные форматы изображений JPEG

Когда JPEG был разработан в конце 80-х, цифровой мир находился в зачаточном состоянии. Не было никакого способа легко хранить, копировать и передавать изображения в электронном виде. JPEG и был разработан, чтобы сделать фотографии доступными, чтобы их можно было перемещать как байты по сети. JPEG решил эту проблему, используя технику, называемую «сжатие с потерями», при которой все компоненты изображения сохраняются, но ненужные пиксели удаляются. Полученный размер файла сжимается, но с каждой сохраненной версией вы теряете больше деталей (см. изображение выше). Это создает некоторые практические проблемы.

Это катастрофа для логотипов брендов, потому что невозможно поддерживать точную корпоративную цветовую схему. Для электронной коммерции JPEG не может поддерживать интересные вещи, такие как прозрачный фон или анимация.

GIF

GIF, разработанный CompuServe использует сжатие без потерь. Он позволяет полностью восстановить исходные данные из сжатых данных.

Это делает GIF намного больше подходящим для иллюстраций/графики и сохраняет точный цветовой код. Также возможно сохранение изображений с прозрачным фоном. И, как все знают, GIF-изображения могут быть анимированными. Основным недостатком GIF-файлов является их огромный размер, что делает их непригодными для печати фотографий.

PNG

PNG - это формат файла растровой графики, который также поддерживает сжатие данных без потерь. Из-за проблем с патентами на GIF, PNG появился в качестве улучшенной, некоммерческой альтернативы.

Разработанный в середине 90-х, он был задуман специально для использования в Интернете и поддержки прозрачного фона. На сегодняшний день это наиболее часто используемый формат файлов изображений в Интернете. Тем не менее, он не смог преодолеть проблему размера. В зависимости от использования изображения PNG часто больше, чем JPEG, а иногда и GIF.

Когда размер начал иметь значение

Размер не был большой проблемой в первые дни Интернета, когда на сайтах размещалось очень мало изображений. В 1995 году средний размер страницы составлял 14 КБ, а иногда включал только одно изображение. Естественно, люди, которые использовали коммутируемые соединения, были немного более терпеливыми, чем мы в настоящее время.

Однако по мере того, как скорость интернета росла, средний размер страниц и количество используемых изображений сайтов значительно возросли. Потребители Интернета становятся менее терпеливыми и внезапно размер изображения имеет значение: производительность страницы напрямую влияет на конверсию в Интернете. В результате использование более тяжелых GIF-файлов сократилось и было заменено более легкими JPEG-файлами.

WebP - легкий и быстрый, но медленный, чтобы завоевать популярность

В 2010 году Google выпустил WebP как новый облегченный формат изображений, который использует сжатие с потерями и без потерь и, по сути, пытается создавать изображения меньшего размера, чем JPEG. WebP обеспечивает прозрачность и может быть анимированным. Однако, формат больше ориентирован на быстрое время загрузки изображения, чем на более высокое качество изображения.

WebP - хороший пример того, как сложно внедрить новый формат. Даже при поддержке Google формат файлов изображений имеет коэффициент использования менее одного процента на современных  веб-сайтах. Основной причиной является отсутствие поддержки, которая в основном ограничена приложениями Chrome и Android.

От низких ожиданий до захватывающих впечатлений

Одним из ограничений старых форматов является то, что их цветовые спектры основаны на стандартном профиле Red Green Blue (sRGB), разработанном в девяностых годах для LCD-дисплеев и камер. sRGB представляет только часть того, что человеческий глаз способен запечатлеть. Вы могли наблюдать это, когда сфотографировали цветок и сравнили его с тем, что вы на самом деле видели. Старые форматы файлов изображений просто не могут отображать полный спектр цветов.

В те времена, когда ожидания пользователей были относительно низкими, и мы были просто рады быть онлайн, это не было проблемой. Даже десять лет назад мы не могли себе представить, что люди будут проводить так много своей жизни в Интернете, на разных устройствах. Теперь, когда люди делают покупки онлайн, они не просто хотят увидеть, как выглядит предмет. Они часто хотят полный обзор 360; они хотят увеличить изображение продукта и почувствовать текстуру.

Другим фактором является применение реального 3D-опыта к 2D-изображениям. Здесь появляются новые форматы, такие как HEIF.

HEIF: новый успешный формат

HEIF был разработан в 2015 году Группой экспертов по движущимся изображениям (MPEG) благодаря усилиям Nokia и Apple. HEIF поддерживает сжатие с потерями и без потерь.

За последние 5 лет посещаемость музеев и галерей значительно упала. Резидентный искусствовед The Guardian Джонатан Джонс сказал, что это признак «человечества без устремлений и надежд».

Хотя ситуация не полностью безнадежна. И приложения для мобильных телефонов могут значительно помочь в популяризации искусства. Недавно было выпущено множество приложений, которые помогут владельцам смартфонов увидеть больше искусства, узнать больше об искусстве и даже самим создавать искусство.

Приложения делают искусство более доступны.

Одно из наиболее распространенных критических замечаний в отношении художественного мира заключается в том, что он слишком скучный, слишком аристократический, слишком отрезанный от повседневной жизни, чтобы резонировать с обычным человеком.

Приложения могут сыграть важную роль в борьбе с этим клеймом. Одним из наиболее полезных из них является приложение Magnus , которое позиционируется как «Shazam для мира искусства». С Magnus люди, не имеющие степени в области истории искусств, могут фотографировать произведения искусства, и приложение найдет название произведения, художника и много справочной информации. Magnus позволит любителям искусства быстро стать ценителями искусства.

Artsy - это еще одно приложение, призванное помочь людям увидеть больше искусства, которое они любят. Он содержит каталог работ, которые вы можете просмотреть на своем телефоне, с картой, указывающей, где можно найти произведения, которые вы любите больше всего.

Сами галереи наконец-то понимают, что приложения будут указывать путь вперед. Приложение Pocket Art Gallery от Tate Modern использует дополненную реальность, чтобы вы могли повесить знаменитые картины на стене, где бы вы ни находились.

Превращение поклонников искусства в художников.

Попробовать свои силы в искусстве - это довольно серьезное обязательство. Раньше это было связано с поездкой в местный магазин художественных принадлежностей и возвращением домой со связками кистей, полотен и тюбиков с краской. Теперь те, кто думает о том, чтобы окунуться в мир искусства, могут сделать это, не тратя денег; все, что им нужно, это просто скачать приложение.

Brushes это приложение для рисования от одного из великих британских художников - Дэвида Хокни. Близкие  Хокни говорят, что он видит iPad как «новую среду» для художников». Существуют аналогичные приложения с высокой функциональностью, такие как Tayasui Sketches и многие другие, которые служат виртуальным альбомом для рисования.

Сотрудники американской компании Adobe совместно с коллегами из Калифорнийского университета в Беркли создали нейросеть, которая способна определять измененные лица людей на фотографиях с точностью в 99 процентов. Пока алгоритм распознаёт изменения, сделанные только одним инструментом, но авторы уверяют, что это лишь начало. 

По словам авторов, они обеспокоены тем, как быстро развиваются технологии редактирования изображений. К примеру, в прошлом году инженеры MIT научили нейросеть качественно разделять объекты на фотографии. В этом российские разработчики из "Сколково" и Samsung представили алгоритм, способный превращать статичные портреты в короткие видео. В то же время компания Nvidia работает над технологией, позволяющей превращать простые скетчи в фотореалистичные изображения.

Специалисты Adobe сосредоточились на процессе выявления отредактированных фотографий. Пока они ограничились инструментом Face Aware Liquify, доступным в Photoshop. Его чаще всего используют для изменения формы лица или мимики на фотографиях. В процессе работы они обучали сверточную нейронную сеть (CNN).

"Это кажется невозможным, потому что существует множество вариантов лиц, но в данном случае результат объясняется тем, что глубокое обучение способно распознавать низкоуровневые данные изображения, такие как артефакты скручивания (warping artifacts)", - рассказал один из авторов работы профессор Alexei Efros.

Перші 150 тисяч доларів вдалось залучити в ході кампанії на Kickstarter в жовтні 2018-го року, решта – під час кампанії на Ingiegogo, яка   завершується на цьому тижні. 

"Перша партія рюкзаків розлетілася дуже швидко. Там було 1650 штук. Через півтори тижні готуємо наступну партію", – підкреслює Рімек, СЕО-редактор компанії-засновника. За  її словами, продаж вже переводять на сайт, де можна буде замовити  рюкзакогаджет. Також продукт виведуть на Amazon найближчим часом.

"Було б непогано продати 10 тисяч рюкзаків до кінця року", – відзначає Рімек.