⁠10 правил, которые нужно учитывать при разработке интерфейсов

https://tprg.ru/8EdD

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

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

#дизайн #ux

Как избежать UX-ошибок в продукте

Как вы относитесь к UX-ошибкам в приложениях? Бесят ли они вас как пользователя? Обращаете ли внимание на UX вашего приложения при разработке?

В этом руководстве читайте про основные UX паттерны и антипаттерны использования в интерфейсах кнопок, переключателей, чекбоксов, диалогов: https://tprg.ru/Fe9y

#ux #дизайн

​Windows 95 UX vs Windows 10 UX

В твиттере завязалось обсуждение, участники которого сравнивают UX Windows 95 и Windows 10. И выигрывает в нём не современная версия ОС.

Автор этого обсуждения приводит скриншот Windows 95, на котором показывает некоторые наглядные элементы интерфейса, которые потерялись в процессе эволюции ОС:

1. Подчёркнутая буква в меню Проводника раньше указывала на соответствующую клавишу на клавиатуре для быстрого доступа к команде.

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

3. Заголовки колонок тоже выглядели как кнопки, потому что по факту они и были кнопками. Они и сейчас являются кнопками, но по их внешнему виду этого не понятно.

4. Разделитель в окне напоминал что-то вроде оконной рамы, намекая на то, что пользователь может изменять размер.

5. В Windows 95 были чётко обозначенные поля прокрутки, по которым пользователь точно понимал объём и количество содержимого папки.

6. Многоточие в названиях кнопок говорили о том, что эта кнопка открывает новый диалог, а не выполняет какое-либо мгновенное действие.

7. Обозначение в нижнем правом углу окна чётко указывало на возможность изменения его размера.

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

А вы на какой стороне? Какой UX вам кажется более дружелюбным к пользователю?

#windows #ux

Лучшие IT-выступления 2019 по версии Tproger. Часть 2

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

— Python: https://tprg.ru/iWe3
— UX и дизайн: https://tprg.ru/JiPQ

Первая часть подборки — https://t.iss.one/tproger_official/4881

#ux #дизайн #python

Типичные ошибки в дизайне сайта

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

Спросили у экспертов о самых типичных ошибках, от которых они вас предостерегают:

https://tprg.ru/CpUo

#ux #эксперты

​Делаем жизнь пользователя лучше — UX-исследования для начинающих

Прежде чем сделать какое-то приложение, сайт или систему, которые так или иначе будут решать определённые задачи пользователей, нужно провести UX-исследование.

Что это такое? Для чего оно нужно? Какие виды бывают? Рассказывает эксперт:

https://tprg.ru/iP3r

#ux

Как оценить, насколько хорош UX вашего продукта?

Есть вполне очевидные методы типа A/B-тестирования и опроса пользователей. Но это только верхушка айсберга, на самом деле методов оценки UX гораздо больше.

На картинке — 21 метод, подходящие на определённых стадиях разработки, а в этой статье о каждом их этих методов можно почитать подробнее: https://tprg.ru/0aVb

#ux

Sketch: почему нативность — это круто

Инженеры графического редактора для macOS рассказывают о плюсах нативного приложения. Всё с кучей видео-примеров и ламповым пиксельным оформлением:

https://tprg.ru/7SfI

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

#ux #ос

И перед вами победитель в номинации «Худший UX-дизайн года» — реализация «Змейки» на AppKit.

Источник: Neil Sardesai

#ux #gamedev #кек

Какие типичные ошибки в дизайне сайта допускают новички?

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

https://tprg.ru/SJUF

#ux #эксперты

И перед вами победитель в номинации «Худший UX-дизайн года» — необычная реализация формы ввода логина и пароля от пользователя Reddit.

Остаётся надеяться, что юзер хорошо стреляет.

#ux #кек

​Как избегать проблем с продуктом и улучшить его с помощью A/B-тестирования?

Отличная статья, в которой специалисты КРОК рассказали про A/B-тестирование на реальных примерах и разобрали ошибки. А также обсудили, в каких случаях его действительно оправдано проводить, а в каких — лучше не стоит:

https://tprg.ru/f8dl

#ux

​Ну и раз уж заговорили про плохие практики UX, давайте вспомним и про хорошие:

— Что это такое UX-исследование, для чего оно нужно и какие виды бывают: https://tproger.ru/articles/ux-research/

— Какие типичные ошибки в дизайне сайта допускают новички? Неверное проектирование, лишний дизайн и конечно же велосипеды: https://tproger.ru/experts/design-mistakes/

— На картинке — 21 метод оценить, насколько хорош UX вашего продукта, подходящий на определённых стадиях разработки. А в статье о каждом их них — подробнее: https://habr.com/ru/post/511652/

#ux #эксперты

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

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

Если вкратце, для A/B-теста нужно выдвинуть гипотезу и разделить аудиторию на две группы: у группы А функциональность остаётся без изменений, а группе B выкатываются новые фичи. Судя по реакции можно почти точно понять, внедрять фичу или нет. В теории всё просто. А как насчёт реальных примеров?

В статье Александр Труфанов руководитель направления продуктовой аналитики МТС Медиа/KION на примере фичи Autoplay разбирает, как проводится A/B-тестирование: https://tprg.ru/6tle

#веб #дизайн #ux #тестирование

​​И перед вами победитель в номинации «Лучший UX-дизайн года для блогеров» — необычная реализация кнопок отписки и подписки

Кнопка отписки никогда не дастся вам в руки, зато кнопка «подписаться» так и просится, чтоб её нажать. Посмотреть исходники и попробовать победить кнопки можно тут:

https://codepen.io/jh3y/pen/KKvvPrP

#веб #дизайн #ux #кек

​​Быть на первой странице поиска больше необязательно: в Google добавят непрерывную прокрутку поисковой выдачи

В компании решили подгружать 6 страниц выдачи сразу, чтобы пользователь не заметил перехода на следующие страницы. А если понадобится больше — поиск предложит нажать кнопку «Подробнее». К слову, так уже работает мобильная версия поиска.

Конкуренция за первые 2 результата выдачи по прежнему велика. Но большая часть оставшихся пользователей находит для себя ответ на первых четырёх страницах выдачи. Сейчас переход на следующие страницы усложняет путь пользователя к остальным результатам и слегка обесценивает их с точки UX.

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

#google #ux #seo #веб

​Почему User flow — самая важная часть на начальном этапе разработки?

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

В статье объяснили, что такое User flow и как сделать приложение удобным для пользователя ещё до разработки

#ux