Типичный программист
81.7K subscribers
2.7K photos
778 videos
8 files
8.17K links
Всё самое интересное по программированию

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

VK: vk.com/tproger

Другие проекты Tproger: https://tprg.ru/media
Download Telegram
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://tttttt.me/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
This media is not supported in your browser
VIEW IN TELEGRAM
Sketch: почему нативность — это круто

Инженеры графического редактора для 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 #кек
This media is not supported in your browser
VIEW IN TELEGRAM
Какие типичные ошибки в дизайне сайта допускают новички?

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

https://tprg.ru/SJUF

#ux #эксперты
This media is not supported in your browser
VIEW IN TELEGRAM
И перед вами победитель в номинации «Худший 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
Гипотезы для UX-тестов — это один из самых простых способов тестировать интерфейсы. Что важно знать про гипотезы для usability-теста?

В статье UX-исследователь в команде Design & Research делится опытом, как используют гипотезы для исследования в команде UI/UX крупной компании. А главное — кто должен придумывать гипотезы, откуда их брать и как придумать хорошую: https://tprg.ru/SDZR

#ux #эксперты
Системный аналитик и UX-дизайнер — враги или лучшие друзья?

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

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

Екатерина Шагарова, аналитик Группы «Иннотех», на своём опыте делится практической магией взаимодействия системного аналитика и UX-дизайнера: https://tprg.ru/TUnL

#аналитика #ux #эксперты
LawsOfUX — это сборник лучших практик, которые важно учитывать при создании пользовательских интерфейсов

Сборник сделан в формате интерактивного справочника, в котором простым языком объясняют 21 правило для разработки действительно удобных интерфейсов. Каждое из них подкреплено полноценным исследованием: https://lawsofux.com/

#ux #шпаргалки
Стал ли пользователь ленивее?

У современных пользователей всё больше требований к сайтам и приложениям: они должны быть быстрыми, удобными, понятными и максимально простыми. Любой лишний клик, каждая дополнительная секунда или длинный скролл — и все, пользователь уходит с сайта или закрывает приложение.

Действительно ли пользователи стали ленивыми? Давайте разбираться: https://tproger.ru/articles/stal-li-polzovatel-lenivee-spojler-net-no-karty-emu-vsyo-ravno-nuzhny

#тренды #ux #веб