🙂 Что должно быть на сайте медицинских услуг: гайд из 31 пункта

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

На примерах автор объяснил:
— Какую информацию включать в форму заявки
— Стоит ли использовать онлайн-чат на сайте
— Когда указывать стоимость услуг
— Показывать ли фотографии «До/После»
— Какие отзывы и где публиковать в первую очередь
— На какую информацию о персонале клиенты обращают внимание
— Какие данные стоит добавлять в Яндекс.Справочник, чтобы увеличить присутствие в поисковой выдаче

awdee.ru/what-should-be-on-a-medical-services-website-a-31-point-guide

#awd_article #awd_cx

🙂 Что делает тень реалистичной

Перевод треда Дэна Холлика о том, как появляется тень в реальной жизни и как с этими знаниями создавать красивые тени. В конце он даёт ссылку на Figma-плагин, который помогает настраивать реалистичные тени в пару кликов

awdee.ru/what-makes-a-shadow-realistic

#awd_article #awd_color

🙂️️ Что такое тренд Bento UI и как начать его использовать

Перевод статьи Луизы Норт о том, как появился дизайн-тренд Bento UI, почему стал популярным и как делать макеты в таком стиле

Также рекомендуем посмотреть сайт BentoGrids, который демонстрирует примеры применения Bento UI в дизайне интерфейсов

awdee.ru/what-is-the-bento-ui-trend-and-how-to-start-using-it

#awd_article #awd_ui

🙂 Проектируем карточки товаров в листинге: 230 гайдлайнов

Станислав Хрусталёв проанализировал около 200 приложений из сферы e-com и написал, как сделать карточки в листинге товаров понятными, наглядными и функциональными

Статья состоит из следующих разделов:
— Layout листинга
— Выделение карточек в листинге
— Фото товара
— Слайдер
— Page control
— Название и подписи
— Маркеры
— Варианты товара
— Цена и скидки
— Рейтинг и отзывы
— Кнопка корзины
— Кнопка избранного
— Реакция карточки на касание

Все гайдлайны автор по традиции сопроводил информативными примерами актуальных приложений

awdee.ru/designing-product-cards-in-a-listing-230-guidelines

#awd_article #awd_ux #awd_cx

🙂 10 лет в дизайне и 12 уроков, которые я из них усвоил

Британский дизайнер Томми Тонер создавал сайты и мобильные приложения для таких компаний, как Jaguar, eBay, Formula 1, BBC, Audi, Google, Nike, Sony, HSBC, American Express, Shell и многих других. Мы перевели его статью о 12 уроках, которые он вынес из своего 10-летнего опыта работы в дизайне

Коротко о том, что внутри:
1. Карьера дизайнера — марафон, а не спринт
2. Не всё то золото, что блестит
3. Не делайте дизайн вслепую
4. Инструменты ничего не значат
5. Бренд и UX — две стороны одной медали
6. Будущее — гибрид
7. Ваши пет-проекты имеют значение
8. Восприятие — всё, но кого оно волнует
9. Агентства никогда не заменят внутренние дизайн-команды, и наоборот
10. Дизайнеры могут участвовать в бизнес-процессах, но это необязательно
11. Учитывайте эмоции, но не теряйте прагматизма
12. Поднимите планку своей уникальности

awdee.ru/a-decade-in-design-and-12-lessons-its-taught-me

#awd_article #awd_career

🙂 Выходим на глобальный рынок: адаптация интерфейса под арабскую локализацию

Фёдор Миронов, дизайнер интерфейсов студии CleverPumpkin, написал статью о том, как правильно локализовать сайт или приложение с учётом особенностей арабского языка. В статье он детально рассказал, как адаптировать тексты, изображения, иконки, инпуты и другие элементы интерфейса в контексте RTL (Right-To-Left)

awdee.ru/going-global-adapting-the-interface-for-arabic-localization

#awd_article #awd_ui

🙂️️️️ Консистентность в дизайне

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

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

Consistency можно переводить как «согласованность» или «последовательность». Это будет верный, но неполный перевод. Потому что в контексте интерфейсов слово consistency содержит дополнительные оттенки смысла. Поэтому в этой статье мы переводим его как «консистентность»

awdee.ru/consistency-in-design

#awd_article #awd_ux

🙂 Ритм на экране

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

В конце он даёт несколько практических советов о способах восприятия информации (вдумчивое чтение, быстрое сканирование), выравнивании, повторении и работе свободного пространства

awdee.ru/the-rhythm-of-your-screen

#awd_article #awd_ui

Видео, которое стоит посмотреть каждому дизайнеру взаимодействия

Перевод статьи Юлии Ку о революционной презентации Дугласа Энгельбарта, на которой он впервые представил совершенно новые концепции взаимодействия пользователя с компьютером. На презентации, которая прошла в 1968 году, Дуглас показал такие разработки, как компьютерная мышь, графический интерфейс, гипертекст, видеоконференции и даже редактор для совместной работы в режиме реального времени

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

📼 Полная запись оригинальной презентации: youtube.com/watch?v=yJDv-zdhzMY

📼 Короткая версия: youtube.com/watch?v=B6rKUf9DWRI

awdee.ru/a-video-every-interaction-designer-should-watch

#awd_article #awd_retro