10 правил, которые нужно учитывать при разработке интерфейсов
https://tprg.ru/8EdD
Чтобы сделать хороший интерфейс для пользователя, нужно думать, как пользователь. Понимать его психологию.
В статье рассказываем про 10 психологических законов, которые помогут разработать интерфейс, который зацепит пользователя и доставит ему удовольствие.
#дизайн #ux
https://tprg.ru/8EdD
Чтобы сделать хороший интерфейс для пользователя, нужно думать, как пользователь. Понимать его психологию.
В статье рассказываем про 10 психологических законов, которые помогут разработать интерфейс, который зацепит пользователя и доставит ему удовольствие.
#дизайн #ux
Как избежать UX-ошибок в продукте
Как вы относитесь к UX-ошибкам в приложениях? Бесят ли они вас как пользователя? Обращаете ли внимание на UX вашего приложения при разработке?
В этом руководстве читайте про основные UX паттерны и антипаттерны использования в интерфейсах кнопок, переключателей, чекбоксов, диалогов: https://tprg.ru/Fe9y
#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
В твиттере завязалось обсуждение, участники которого сравнивают 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
Продолжение нашей подборки лучших 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 #эксперты
Как при разработке дизайна и интерфейса сайта не допустить ошибки, которые уже были допущены многими другими разработчиками?
Спросили у экспертов о самых типичных ошибках, от которых они вас предостерегают:
https://tprg.ru/CpUo
#ux #эксперты
Делаем жизнь пользователя лучше — UX-исследования для начинающих
Прежде чем сделать какое-то приложение, сайт или систему, которые так или иначе будут решать определённые задачи пользователей, нужно провести UX-исследование.
Что это такое? Для чего оно нужно? Какие виды бывают? Рассказывает эксперт:
https://tprg.ru/iP3r
#ux
Прежде чем сделать какое-то приложение, сайт или систему, которые так или иначе будут решать определённые задачи пользователей, нужно провести UX-исследование.
Что это такое? Для чего оно нужно? Какие виды бывают? Рассказывает эксперт:
https://tprg.ru/iP3r
#ux
Как оценить, насколько хорош UX вашего продукта?
Есть вполне очевидные методы типа A/B-тестирования и опроса пользователей. Но это только верхушка айсберга, на самом деле методов оценки UX гораздо больше.
На картинке — 21 метод, подходящие на определённых стадиях разработки, а в этой статье о каждом их этих методов можно почитать подробнее: https://tprg.ru/0aVb
#ux
Есть вполне очевидные методы типа A/B-тестирования и опроса пользователей. Но это только верхушка айсберга, на самом деле методов оценки UX гораздо больше.
На картинке — 21 метод, подходящие на определённых стадиях разработки, а в этой статье о каждом их этих методов можно почитать подробнее: https://tprg.ru/0aVb
#ux
This media is not supported in your browser
VIEW IN TELEGRAM
Sketch: почему нативность — это круто
Инженеры графического редактора для macOS рассказывают о плюсах нативного приложения. Всё с кучей видео-примеров и ламповым пиксельным оформлением:
https://tprg.ru/7SfI
Нативные интерфейсы и производительность, поддержка шрифтов и нативного UI. Всё это описывается с точки зрения разработчиков ПО для macOS, но это не значит, что выводы нельзя применить к другим операционным системам.
#ux #ос
Инженеры графического редактора для macOS рассказывают о плюсах нативного приложения. Всё с кучей видео-примеров и ламповым пиксельным оформлением:
https://tprg.ru/7SfI
Нативные интерфейсы и производительность, поддержка шрифтов и нативного UI. Всё это описывается с точки зрения разработчиков ПО для macOS, но это не значит, что выводы нельзя применить к другим операционным системам.
#ux #ос
This media is not supported in your browser
VIEW IN TELEGRAM
И перед вами победитель в номинации «Худший UX-дизайн года» — реализация «Змейки» на AppKit.
Источник: Neil Sardesai
#ux #gamedev #кек
Источник: Neil Sardesai
#ux #gamedev #кек
This media is not supported in your browser
VIEW IN TELEGRAM
Какие типичные ошибки в дизайне сайта допускают новички?
Неверное проектирование, лишний дизайн и конечно же велосипеды — об этих у других типичных ошибках рассказываем в этой статье:
https://tprg.ru/SJUF
#ux #эксперты
Неверное проектирование, лишний дизайн и конечно же велосипеды — об этих у других типичных ошибках рассказываем в этой статье:
https://tprg.ru/SJUF
#ux #эксперты
This media is not supported in your browser
VIEW IN TELEGRAM
Как избегать проблем с продуктом и улучшить его с помощью A/B-тестирования?
Отличная статья, в которой специалисты КРОК рассказали про A/B-тестирование на реальных примерах и разобрали ошибки. А также обсудили, в каких случаях его действительно оправдано проводить, а в каких — лучше не стоит:
https://tprg.ru/f8dl
#ux
Отличная статья, в которой специалисты КРОК рассказали про A/B-тестирование на реальных примерах и разобрали ошибки. А также обсудили, в каких случаях его действительно оправдано проводить, а в каких — лучше не стоит:
https://tprg.ru/f8dl
#ux
И перед вами победители в номинации «Худшие чекбоксы года»
Каждый можно попробовать самому и поковырять исходники:
1. https://cloud.protopie.io/p/d000048f0d
2. https://cloud.protopie.io/p/3da154d173
3. https://cloud.protopie.io/p/5899ff6e46
4. https://cloud.protopie.io/p/a2f1527932
Источник: UX Live
#ux #кек
Каждый можно попробовать самому и поковырять исходники:
1. https://cloud.protopie.io/p/d000048f0d
2. https://cloud.protopie.io/p/3da154d173
3. https://cloud.protopie.io/p/5899ff6e46
4. https://cloud.protopie.io/p/a2f1527932
Источник: UX Live
#ux #кек
Ну и раз уж заговорили про плохие практики UX, давайте вспомним и про хорошие:
— Что это такое UX-исследование, для чего оно нужно и какие виды бывают: https://tproger.ru/articles/ux-research/
— Какие типичные ошибки в дизайне сайта допускают новички? Неверное проектирование, лишний дизайн и конечно же велосипеды: https://tproger.ru/experts/design-mistakes/
— На картинке — 21 метод оценить, насколько хорош UX вашего продукта, подходящий на определённых стадиях разработки. А в статье о каждом их них — подробнее: https://habr.com/ru/post/511652/
#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 #тестирование
Но далеко не каждая идея повысит конверсию, увеличит аудиторию или положительно повлияет на другие метрики. Один из самых популярных инструментов быстро проверить это — A/B тесты.
Если вкратце, для A/B-теста нужно выдвинуть гипотезу и разделить аудиторию на две группы: у группы А функциональность остаётся без изменений, а группе B выкатываются новые фичи. Судя по реакции можно почти точно понять, внедрять фичу или нет. В теории всё просто. А как насчёт реальных примеров?
В статье Александр Труфанов руководитель направления продуктовой аналитики МТС Медиа/KION на примере фичи Autoplay разбирает, как проводится A/B-тестирование: https://tprg.ru/6tle
#веб #дизайн #ux #тестирование
И перед вами победитель в номинации «Лучший UX-дизайн года для блогеров» — необычная реализация кнопок отписки и подписки
Кнопка отписки никогда не дастся вам в руки, зато кнопка «подписаться» так и просится, чтоб её нажать. Посмотреть исходники и попробовать победить кнопки можно тут:
https://codepen.io/jh3y/pen/KKvvPrP
#веб #дизайн #ux #кек
Кнопка отписки никогда не дастся вам в руки, зато кнопка «подписаться» так и просится, чтоб её нажать. Посмотреть исходники и попробовать победить кнопки можно тут:
https://codepen.io/jh3y/pen/KKvvPrP
#веб #дизайн #ux #кек
Быть на первой странице поиска больше необязательно: в Google добавят непрерывную прокрутку поисковой выдачи
В компании решили подгружать 6 страниц выдачи сразу, чтобы пользователь не заметил перехода на следующие страницы. А если понадобится больше — поиск предложит нажать кнопку «Подробнее». К слову, так уже работает мобильная версия поиска.
Конкуренция за первые 2 результата выдачи по прежнему велика. Но большая часть оставшихся пользователей находит для себя ответ на первых четырёх страницах выдачи. Сейчас переход на следующие страницы усложняет путь пользователя к остальным результатам и слегка обесценивает их с точки UX.
Как всегда, нововведение сначала опробуют в США. А если такой подход покажет себя успешно, распространят и по всему миру. Но готовиться лучше заранее — обычно такие фичи раскатывают очень быстро.
#google #ux #seo #веб
В компании решили подгружать 6 страниц выдачи сразу, чтобы пользователь не заметил перехода на следующие страницы. А если понадобится больше — поиск предложит нажать кнопку «Подробнее». К слову, так уже работает мобильная версия поиска.
Конкуренция за первые 2 результата выдачи по прежнему велика. Но большая часть оставшихся пользователей находит для себя ответ на первых четырёх страницах выдачи. Сейчас переход на следующие страницы усложняет путь пользователя к остальным результатам и слегка обесценивает их с точки UX.
Как всегда, нововведение сначала опробуют в США. А если такой подход покажет себя успешно, распространят и по всему миру. Но готовиться лучше заранее — обычно такие фичи раскатывают очень быстро.
#google #ux #seo #веб