UX Notes
24.7K subscribers
59 photos
4 videos
1 file
1.18K links
В соцсетях: vk.com/ux_notes и fb.com/uxnotes
Чат читателей: @uxnoteschat
О карьере в UX-дизайне и вакансии: @uxwork

Рекламодателям: uxnotes.ru/ads · В перечне РКН: gosuslugi.ru/snet/67a9a56970de7b4d761a81ae

Est. 2016 · Автор: @zGrav
加入频道
1 июля в России меняется законодательство о персональных данных — сильно вырастут штрафы. Это касается владельцев сайтов и агентств, которые сайты разрабатывают и обслуживают.

Проверьте, есть ли на сайте или в прототипе будущего сайта:
— Чекбокс согласия на обработку персональных данных в форме обратной связи;
— Ссылка на политику в отношении этих данных.

Это не всё, что должно быть сделано, но это непосредственно влияет на интерфейс.

http://www.cossa.ru/152/158773/
👍1
Пример того, как AR решает реальные задачи. С приложением Measure можно не только померить стену или шкаф, но и сделать это в одиночку — не нужен человек, который придержит второй конец рулетки.

Рынок линеек и строительных рулеток скоро сильно сократится.

https://www.youtube.com/watch?v=z7DYC_zbZCM
Антон Стасевич написал о создании документации для enterprise-систем: структура документа, в чём его вести (wiki), примеры определений терминов, описаний бизнес-ролей, общих сценариев и сценариев использования.

«Согласно Википедии, пользователь — лицо или организация, которое использует действующую систему для выполнения конкретной функции.

Нас это определение не устраивало. 1) В систему может зайти только человек, но не организация. 2) Некорректно настоящее время глагола «использует» — система хранит данные о неактивных или удаленных пользователях, т.е. о тех, которые использовали систему ранее, но не могут в настоящее время. И наконец, у нас есть данные о потенциальных пользователях. Например, мы регистрируем сотрудника компании-клиента, который в дальнейшем может получить (а может и не получить) доступ в систему.

Наше определение: пользователь — человек, который имеет, имел, или, возможно, будет иметь доступ в систему для совершения операций. Теперь программист, прочитав определение, сразу поймет, почему свойство Логин в объекте Пользователь не обязательное».
Дмитрий Силаев и Лариса Сорокина из «Юзабилитилаб» рассказали, что такое first-click тестирование, какие есть инструменты для его проведения и какие данные можно получить для анализа.

Кстати, для теста банковских приложений они остановились на прототипе Axure со встроенными Google Analytics и Яндекс-метрикой (ради Вебвизора).

https://www.youtube.com/watch?v=CNf58A7Npo4
Сергей Тихомиров написал об омниканальном пользовательском опыте.

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

Я часто читал, что внедрение UX-культуры в компанию связано с большим количеством вопросов "нахрена?" со стороны бизнеса. И это вполне понятно. Попробуйте сами взглянуть на ситуацию со стороны бизнеса. Ему предлагают улучшить опыт пользователей только в некоторых цифровых каналах, но что если это вообще ничего не изменит в общей картине, которая огромна?»

http://sergeytikhomirov.ru/ux-v-omnikanalnom-mire/
Игорь Штанг на примере главной сайта «Буквы русского» рассказал, как сделать компоновку страницы выразительнее:
— Избавьтесь от засилия прямоугольников;
— Уделите внимание иллюстрациям;
— Подумайте о фирменных элементах;
— Придумайте Большую Идею;
— Оставьте в покое PT Serif и PT Sans.

http://nobelfaik.livejournal.com/141519.html
Екатерина Сучкова сделала конспект книги Стива Круга «Не заставляйте меня думать». Хороший вариант для тех, кто не может заставить себя читать.

https://readymag.com/u99763174/519479/
Джейк Цакудакис написал, как правильно делать всплывающие подсказки:

— Показывать только одну подсказку одновременно;
— Добавить в неё индикатор прогресса;
— В одной подсказке говорить только об одном действии, писать лаконичный и конкретный текст;
— Дать возможность пропустить обучение и начать его сначала;
— Понятно называть кнопку перехода к следующей подсказке;
— Привлекать внимание к подсказкам с помощью горячих точек;
— Не писать подсказки для очевидных объектов.

http://sketchapp.me/proektiruya-luchshie-obuchayushhie-vsplyvayushhie-podskazki/
Михаил Капанага пересказал историю о том, как запутанный дизайн бюллетеня повлиял на выборы 2000 года в США.

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

https://medium.com/kapanaga/8c65f2953312
Игнат Смирнов по мотивам книги Стивена Сеова «Проектируем время» написал, как улучшить взаимодействие с неторопливыми продуктами.

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

Среди приёмов управления восприятием: установка верхних и нижних границ, упреждающий запуск и раннее завершение, нелинейная индикация выполнения, постоянное информирование, целенаправленное отвлечение (демонстрация интересной и важной информации).

Если восприятием управлять не получается: обещать меньше фактического, рассказать о пользе выполняемого процесса, дать пользователю возможность чем-нибудь заняться во время длительного процесса (например, буферизация и просмотр потокового видео).

https://designpub.ru/47c75807498d
Джон Яблонски написал, каким должен быть интерфейс, чтобы работа с ним требовала меньше ментальных усилий.

— Отсутствие элементов, которые не помогают пользователю достичь цели;
— Использование шаблонов взаимодействия;
— Избавление пользователя от микрозадач (запомнить информацию, принять решение);
— Ограничение количества вариантов для выбора и их группировка;
— Повышение простоты восприятия текста;
— Аккуратное использование иконок (только распространённые метафоры, текстовые подписи).

#cognitive_load
Антон Николов написал об использовании в дизайне когнитивного диссонанса.

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

— Изменить поведение или восприятие: не заказывать мясо или перестать считать себя вегетарианцем;
— Найти оправдание, которое скорректирует восприятие: я же не веган, могу раз в неделю есть мясо;
— Найти оправдание, добавив новое условие: сейчас съем мясо, но потом неделю буду на веганской диете;
— Игнорировать информацию, которая может вызвать конфликт: я думал, эта котлета сделана из сои.

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

In English.
Влад Головач написал, почему некоторые дизайнеры терпеть не могут дизайн-мышление и для кого на самом деле придумана эта активность.

«ДМ продаётся не дизайнерам, а офисным работникам, причём почти исключительно из крупных организаций.

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

Рано или поздно эти отупленные люди становятся начальниками. Некоторым из них приходится если не делать дизайн, но ставить на него задачу и принимать работу. Как по закону Питера, так и по причине отсутствия опыта и склонностей, к этому моменту они вызывающе некомпетентны в этой деятельности.

Будучи умными людьми, они хорошо понимают ограничения своего волюнтаризма и поэтому часто впадают в неуверенность. Это блестяще проявляется в знаменитой формулировке "меня немного смущает…".

Этот вариант даже хуже волюнтаризма: если дизайн вида "сделайте так, чтобы лично мне нравилось" будет приятен хотя бы одному человеку, то дизайн, основанный на немногом смущении, не вызывает тёплых чувств ни у кого».
Кашмир Хилл написал, как социальная сеть для соседей Nextdoor боролась с расистским профайлингом — сообщениями вроде «видел в переулке подозрительного негра».

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

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

https://medium.com/rofldorf/6d3d9b81dca9
Покрас Лампас рассказал, почему нельзя оставаться ремесленником и как это сделать.

Хороших исполнителей много, конкуренция станет ещё сильнее. Чтобы через 5 лет не потеряться в текучке типовых клиентских проектов:
— Не уходите в ремесло;
— Никого не спрашивайте, а пробуйте;
— Делайте свои проекты.
Джейми Эплсид рассмотрел 3 стратегии работы со случайными нажатиями в мобильных интерфейсах. Статья не о том, как расположить и какого размера сделать кнопки, чтобы минимизировать ошибочные нажатия, — а что делать, если такое нажатие произошло.

— Ничего не делать. Подойдёт, если действие совершается часто, и цена ошибки невысока;
— Запросить подтверждение: через диалоговое окно, повторное нажатие в другом месте (удаление будильника в iOS), повторное нажатие в том же месте (загрузка приложения в App Store), замена тапа на свайп (подтверждение заказа в Amazon). Подойдёт для редких действий и высокой стоимости ошибки;
— Позволить отменить. Подойдёт для частых действий с высокой стоимостью ошибки. Например, Google Inbox позволяет отредактировать отправленный мейл, ненадолго задерживая его отправку. Эта стратегия обычно дороже и не всегда может быть реализована.

In English.
Как именно Твиттер борется с агрессивным поведением пользователей, Джон Белл не рассказал (несмотря на название статьи). Зато стало понятно, что это очень непростая тема. Цитаты:

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

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

Мы стараемся не гадать о стандартах качества, а дать пользователям возможность устанавливать их. В Twitter вы можете блокировать определённые слова, не получать уведомления от новых пользователей, от пользователей, на которых не подписаны, которые не подписаны на вас, которые не оставили свою почту, которые не указали свой номер телефона. Если я заблокирую слово «Трамп», я не увижу его в своей ленте. Но если моя мама напишет мне: «Боже, ты видел, что написал Трамп? Ну, неважно, с праздником тебя. Увидимся завтра?» — я должен это видеть или нет?

Создавая соцсеть с нуля, я бы установил очень чёткие правила поведения. Да, эти правила были бы направлены против определённых высказываний и идей. И все сказали бы, что это нарушает свободу слова! Да, нарушает. Моя идеальная социальная сеть — место для интересных бесед, а запугивания и оскорбления не способствуют этому. Да, во многих странах такие высказывания легальны, но у меня не государство, а бизнес.
Саша Бизиков сходил в БВШД на «Большую дискуссию» с Артёмом Геллером, Денисом Башевым и Владимиром Лифановым. Основные тезисы:

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

2. Дизайн — не только решение задачи. Ложная установка пришла из бизнеса и мало соотносится с дизайном. Задача дизайнера не только решить задачу, но и принести в мир частицу прекрасного.

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

4. Наличие работ на Бихансе и Дрибле важно только для начинающего дизайнера. Эти площадки в основном приносят клиентов, которым надо дёшево. В поиске клиентов лучше всего работают рекомендации.

5. Узнали что-то новое — примените.

6. Учитесь аргументировать решения.

7. Критиковать и предлагать — недостаточно. Пробуйте сделать сами.

Копия в Вебархиве.
Пулкит Агравал написал, как правильно рассказывать пользователям о новой (или просто дополнительной) функциональности продукта с помощью всплывающих подсказок:

— Если просите пользователя что-то прочитать, убедитесь, что информация будет полезна ему прямо сейчас.
— Объясняйте только то, что нельзя понять из интерфейса.
— Сделайте подсказки как можно более контекстными. Показывайте их в ответ на действия пользователей и только тем, кто с большей вероятностью их воспримет.
— Показывайте только одну подсказку одновременно и не более трёх-четырёх подряд. Пользователи быстро устают, нужно время для действия или осознания новой информации.
— Анализируйте и тестируйте подсказки как и всё остальное в продукте.

https://medium.com/rofldorf/92c67d0408c9
Золтан Коллин написал о проблемных паттернах в мобильных интерфейсах.

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

In English.
Алексей Бородкин (Notamedia), Виталий Мазуревич (AGIMA) и Вадим Митякин почти 2 часа разговаривают о проектировании:

Тема 1: Что такое проектирование — 1:51
— Что предшествует проектированию
— Стадии проектирования
— Оправданность проектирования
— Договора на разные этапы, оценка и стоимость проектирования
— Разделение аналитики, функционального и технического проектирования
— Итоговые тезисы о проектировании

Тема 2: Как становятся проектировщиками, какие бывают типы — 45:47
— Про опыт и возраст проектировщиков
— Про проблемы экспертного мнения проектировщика

Тема 3: Концепция специализированного проектного бюро — 1:03:37
— Формат организации такого бюро и заинтересованность в участии специалистов

Тема 4: Гильдия вольных проектировщиков — 1:14:02

Тема 5: Про методологии — 1:23:04
— Про роль проектирования и гарантия результата проекта

https://www.youtube.com/watch?v=EMN75584ZUg