Еженедельный новостной дайджест снова в строю! Заждались? Мы тоже 😀

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

И поскольку мы любим делиться полезными материалами, которые нашли на просторах сети, ловите подборку, посвященную UX/UI дизайну и юзабилити. Место нашлось и для серьезных статей, и для фановых новостей, с которыми будет интересно ознакомиться за чашечкой горячего чая.

1. Chrome отключил навигацию назад по кнопке Backspace
(https://habr.com/ru/news/t/357546/)

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

«За много лет мы получили так много жалоб пользователей, что решили сделать, наконец, правильный выбор и изменить это, учитывая те страдания, которые испытывают пользователи, теряя данные, и потому что у каждой платформы есть другое сочетание клавиш для навигации назад» — объяснили разработчики. А насколько удобным окажется это нововведение, покажет только время.

2. Как создавать интерфейсы, которые нравятся пользователям: 6 законов UX
(https://vc.ru/design/604268-kak-sozdavat-interfeysy-k..)

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

Для тех, кто интересовался, по каким принципам строится UX интерфейс будет интересно посмотреть на примеры и понять, как они работают и на чем основаны на самом деле.


3. Универсальный UI/UX. Как не переучивать посетителей пользоваться вашим сайтом
(https://vc.ru/design/560155-universalnyy-ui-ux-kak-ne..)

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

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

4. Плохой UI и хороший UX на примере кетчупа Heinz
(https://vc.ru/u/214277-sofiya-masalyga/394190-plohoy-..)

Это история не про появление перевернутой бутылки для кетчупа, а про изучение потребностей целевой аудитории и исправление ошибок старого дизайна. Иными словами, в статье на пальцах объясняется ценность не только UI/UX, но и других этапов разработки продукта. В том числе аналитики.

5. Кнопка «Apply»: хорошая идея и плохая реализация от Microsoft
(https://habr.com/ru/post/1222/)

Факапы в UI/UX бывают не только у начинающих разработчиков, но и у таких мастодонтов как Microsoft. Посмотрим на историю создания кнопки «Apply», для чего она нужна и почему хорошая задумка превратилась в максимально неудобный элемент, запутавший всех пользователей. Впрочем, как всегда.

***

Вот такие статьи мы собрали за эту неделю, хватит на все выходные! Не забывайте делиться новостями из мира IT в нашем телеграмм-боте (https://news.1rj.ru/str/Pyrobyte_Digest_Bot ). Все статьи рано или поздно попадут в наш дайджест. Встретимся на следующей неделе!

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

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

О сложностях разработки спортивной экосистемы и их преодолении мы подробно рассказали в нашем кейсе на VC!

Ссылка на кейс: https://vc.ru/services/596641-keys-prilozhenie-dlya-onlayn-trenirovok-s-funkciey-videosvyazi

В нашей студии много крутых проектов, которыми мы очень гордимся. И увидеть их можно не только на нашем сайте, но и в качестве номинантов на получение наград. 😎

Так в шортлист финалистов престижной премии Workspace Digital Awards 2023 попали девять наших проектов, а некоторые — сразу в нескольких номинациях ✨ Это еще не победа, но уже хороший промежуточный результат!

1.Никола Тесла. Повелитель молний (сайты, дизайн и брендинг);
2. CarClick (сайты, комплексные услуги);
3. СервикоАвто (мобильные приложения);
4. НяняГуру (мобильные приложения);
5. Обменник (комплексные услуги, мобильные приложения);
6. Телеметрон (мобильные приложения);
7. Let's Chill (мобильные приложения);
8. Fish2o (комплексные услуги);
9. Whoosh (сайты).

Итоги мы узнаем только в мае. А пока предлагаем поддержать студию и ознакомится с нашими номинантами на сайте WDA: https://workspace.ru/awards/cases/pyrobyte-projects2023/

ОБОГНАЛИ АРТЕМИЯ ЛЕБЕДЕВА И ЗАНЯЛИ 1-е МЕСТО

Случилось событие уровня ВАУ, которым мы торопимся с вами поделиться 😃 Пока мы ждем результатов WDA 2023, эксперты премии «Золотой сайт & Золотое приложение» объявили победителей этого года.

Наш кейс, посвященный Николе Тесла взял целых две золотые медали 🎉 Мы стали первыми в номинациях «Лучший персональный сайт» и «Лучший одностраничный сайт/лэндинг». Мы были настолько хороши, что обогнали по крутости самого Артемия Лебедева. Поздравляем ребят, которые работали над оформлением проекта, вы огромные молодцы! 😎

«Никола Тесла — повелитель молний» — лонгрид, посвященный жизни и работе великого ученого конца XIX — начала XX века. Мы собрали большое количество информации о биографии и изобретениях Тесла и разбили ее на главы в соответствии с периодами жизни физика.

Ссылка на сайт: https://teslanikola.info/ru
Ссылка на кейс: https://2022.goldensite.ru/work/best-personal-website-/8961/

КАК ПОЙМАТЬ ПОЛЬЗОВАТЕЛЯ НА КРЮЧОК?

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

Что это за покемоны и как их использовать? Об этом вам расскажет отдел маркетинга Pyrobyte в нашем блоге на VC.ru!

📝Ссылка на первую часть: https://vc.ru/marketing/640827-triggery-i-motivatory-kak-prevratit-potencialnogo-klienta-v-realnogo-ch-1
📝Ссылка на вторую часть: https://vc.ru/life/658324-triggery-i-motivatory-kak-prevratit-potencialnogo-klienta-v-realnogo-ch-2

Цена сайта может составлять от 5 тысяч до нескольких миллионов рублей

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

Изучили расценки, разобрали стоимость разработки и выяснили, из чего она складывается на примере реальной сметы. А весь собранный материал собрали в новую статью. Будет полезно тем, кто планирует сделать себе новый сайт или доработать текущий.

Готовьте калькуляторы, мы отправляемся в мир чисел с большим количеством нулей!

Прочитать статью всегда можно по ссылке: https://vc.ru/finance/663099-razrabotka-sayta-iz-cheg..

У ВАС ЕСТЬ 3 СЕКУНДЫ НА ТО, ЧТОБЫ ЗАХВАТИТЬ ВНИМАНИЕ ПОЛЬЗОВАТЕЛЯ

90% информации человек получает с помощью зрения, остальные 10% — с помощью слуха, вкуса, обоняния и осязания. Это значит, что решение остаться или закрыть сайт (или приложение) человек принимает в течение первых 3-х секунд.

Есть 7 базовых правил построения интерфейса, применяя которые можно увеличить время пребывания пользователя на сайте.

Подробный разбор читайте в нашем блоге на VC — https://vc.ru/u/1272091-pyrobyte/667491-kak-zahvatit-vnimanie-polzovatelya-7-zakonov-udachnogo-postroeniya-interfeysov

Привет, веб-студия Pyrobyte снова в строю :) За эту неделю мы изучили целую охапку полезных материалов по маркетингу на VC, и решили поделиться ими с вами! Садитесь поудобнее — будет интересно.

1. «Твой продукт фигня, и сам ты идиот» — как справляться с хейтом в комментариях
(https://vc.ru/molyanov/616977-tvoy-produkt-fignya-i-s..)

«Не хочу ничего писать на VC.ru, потому что в комментариях меня закидают какахами и испортят настроение»

Если вы ловили себя на подобных мыслях, эта статья для вас. Наше любимое агентство «Сделаем» призывает не бомбить с негатива и воспринимать хейтеров как своих помощников — своим негативом они приносят практическую пользу и продвигают ваши статьи.

2. Как описать продукт через эмоции, чувства и ассоциации. На примерах и пёсиках
(https://vc.ru/marketing/664902-kak-opisat-produkt-che..)

Зачем вообще это делать? Если речь идет о не физическом продукте, который можно потрогать, а о чем-то нематериальном — услуга, событие, вкус — то его можно «продавать» через эмоции и чувства. Статья о том, как «показать» читателю услугу через текст, используя воспоминания, ассоциации и опыт из прошлого. С примерами.

3. Триггеры и мотиваторы: как превратить потенциального клиента в реального. Часть 1 и часть 2.
(https://vc.ru/marketing/640827-triggery-i-motivatory-.. https://vc.ru/life/658324-triggery-i-motivatory-kak-p..)

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

4. Разрушители легенд. Миф 3: брендинг не влияет на репутацию
(https://vc.ru/marketing/662312-razrushiteli-legend-mi..)

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

5. Тренды дизайна презентаций 2023 года
(https://vc.ru/marketing/663520-trendy-dizayna-prezent..)

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

***

Не забывайте делиться новостями из мира IT в нашем телеграм-боте (https://news.1rj.ru/str/Pyrobyte_Digest_Bot).
Все статьи попадут в новый дайджест. Увидимся на следующей неделе!

УВИДЕТЬ И ЗАБЫТЬ! Антиподборка сайтов, созданных с нарушением всех известных принципов построения композиции

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

Посмотреть обзор можно в нашем блоге на VC — https://vc.ru/design/669938-uvidet-i-zabyt-top-reshen..

Приготовьтесь, после просмотра у вас еще долго будет рябить в глазах :)

КАК СНИЗИТЬ СТОИМОСТЬ РАЗРАБОТКИ?

В среднем для создания сайта или приложения предпринимателю нужно подготовить пару миллионов рублей. А потому закономерно возникает вопрос: "можно ли дешевле"?

Совместно с нашими аккаунт-менеджерами мы проанализировали сметы разных проектов и выявили топ-5 идей, которые сократят расходы на проект. Больше подробностей ищите в новой статье на VC.

Ссылка на статью: https://vc.ru/finance/671168-top-5-idey-dlya-snizheni..

Как фудтех увеличивает средний чек с помощью триггеров?

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

В статье на Дзене — https://dzen.ru/media/pyrobyte_team/kak-slujba-dostavki-edy-uvelichivaet-srednii-chek-s-pomosciu-triggerov-6446327ef6840168ffe4dd35 — рассказали о том, какие «спусковые крючки» использует в своем бизнесе фудтех и как с их помощью он удваивает прибыль. Заходите почитать :)

Как Яндекс.Такси и Яндекс.Музыка удерживают ваше внимание?

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

В прошлый раз рассказали о 7 законах удачного построения интерфейсов, а сегодня рассмотрим, какие законы используют в своих интерфейсах Яндекс. Ссылка на VC — https://vc.ru/u/1272091-pyrobyte/671288-7-zakonov-udachnogo-ui-ux-na-primere-yandeks-taksi-i-yandeks-muzyki

Тем временем мы продолжаем показывать себя на конкурсах, в том числе на международных! 😎

Тесла — один из наших любимых кейсов. У него уже есть заслуженное серебро премии Tagline и две золотые награды от Golden Site!

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

Поддержать кейс можно по ссылке: https://www.awwwards.com/sites/tesla-the-lord-of-lightning

Как форма заказа может слить бюджет и что делать, чтобы этого не допустить?

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

В статье на VC https://vc.ru/design/677027-oshibki-v-formah-zakaza-kotorye-slivayut-vash-byudzhet рассказали о том, как повысить конверсии за счет правильно построенной формы. Ждем вас :)

13 сайтов с эффектом полного погружения

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

Наливайте себе кофеек, устраивайтесь поудобнее и наслаждайтесь нашей подборкой на VC — https://vc.ru/design/679357-polnoe-pogruzhenie-13-saytov-ot-kotoryh-zahvatyvaet-duh

Раздраконили аппетит, читая наши статьи про триггеры на сайтах служб доставки? Мы знаем решение!

Чтобы голод не становился помехой, обновили сайт Гриль №1! Благодаря удобному UI/UX интерфейсу заказать любимую шаурму стало еще проще. А в обновленном личном кабинете появилась возможность отслеживать статус заказа, оставлять отзывы о заказах и добавлять адреса в "избранное".

Что еще изменилось? Об этом можно узнать в кейсе на нашем сайте: https://pyrobyte.ru/cases/grill

Тесла продолжает покорять сердца людей по всему миру!

На этот раз кейс получил награду Honorable Mention от Awwwards 💥 А это значит, что скоро стоит ожидать его в разделе "сайт дня" на awwwards.com!

Ускорить этот процесс можно, проголосовав за кейс: https://www.awwwards.com/sites/tesla-the-lord-of-lightning

Ждем вашей поддержки 😉

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

Как сделать сайт удобнее? Что поможет улучшить обработку заказов? Можно ли использовать элементы, разработанные другой студии? На эти и другие вопросы мы ответили в свежем кейсе на VC.

Ссылка на кейс: https://vc.ru/services/684732-novoe-horosho-peredelannoe-staroe-kak-my-obnovili-sayt-sluzhby-dostavki-i-nastroili-integraciyu-s-iiko
Кейс на сайте: https://pyrobyte.ru/cases/grill

ГЛУБИНУ ИЗУЧАЮТ, КИДАЯ В НЕЕ КАМНИ

То же самое с IT. Только вместо глубины у нас сайты и приложения, а вместо камней — предпроектная аналитика.

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

В новой статье на VC мы приоткроем завесу тайны и расскажем, какие исследования мы проводим в нашей студии, чем они полезны и почему предпроектная аналитика — то, что нужно каждому.

Прочитать и заслуженно оценить статью можно по ссылке: https://vc.ru/life/690863-predproektnaya-analitika-kak-sposob-uspeshno-zapustit-proekt