Usability *

Если вы часто пользуетесь картами Google Maps, то наверняка заметили изменения, которые произошли после редизайна примерно три года назад. Самое заметное, что стало гораздо меньше меток, карты как будто опустели.

Вот как выглядят окрестности Нью-Йорка, в сравнении с картой 2010 года.



Сколько городов исчезло с карты? Давайте посчитаем.

Вот уже более пяти лет Гарри Бринул (Harry Brignull), независимый дизайнер пользовательских интерфейсов из Лондона, собирает уникальную коллекцию DarkPatterns.org — так называемых тёмных паттернов — реальных примеров, как профессионалы используют специфические приёмы веб-дизайна для обмана интернет-пользователей и побуждения их к «нужным» действиям. Например, принуждения к покупке ненужного товара или переходу по рекламной ссылке.

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

К сожалению, в последнее время некоторые сайты снова вернулись к этим грязным трюкам. Это видно на примере онлайн-газеты Boston Globe, которая из-за кризиса на рынке СМИ прибегла к обманным приёмам для увеличения количества платных подписчиков.

Как-то на днях у меня возникла необходимость распечатать более десяти чеков из моей истории платежей, используя банкомат одного из крупнейших банков. Я перешёл в платежи, выбрал “История”, прокрутив скроллер списка до нужного платежа, выбрал его, а затем нажал кнопку “Операции” и выбрал печать. И так повторялось для каждого чека: каждый раз происходил переход в главное меню и всё начиналось заново. Я задумался — неужели, несмотря на обилие источников информации по UX, до сих пор тратятся огромные бюджеты на подобные неудобные интерфейсы? Почему разработчики не хотят делать интерфейс, позволяющий пользователю почувствовать себя волшебником, а делают пользователей беспомощными в достижении своих целей? Возможно, причина в том, что, несмотря на обилие теории, эти источники предоставляют мало примеров из реальных проектов.

Так как мы буквально на прошлой неделе завершили большой Web-проект, в котором как раз стояла цель разработки удобного интерфейса, я решил осветить в статье, на какие основные моменты при проектировании интерфейса стоит обратить внимание, и привёл примеры нашего решения.

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

Но зачем?

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

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

Если у вас уже есть успешный продукт, который продаётся и имеет преданных поклонников, то это совсем не значит, что так будет всегда. Продукт должен развиваться не только технически, но и становиться проще в использовании. Про то, как мы делали проще True Image для Windows можно почитать тут.

16 апреля приглашаем участников на Весеннюю UX-конференцию Русской Школы Сервисного Дизайна, которая снова пройдёт в офисе компании Mail.Ru Group. На UX-конференциях Школы участники обмениваются авторским опытом из сферы проектирования сервисов и услуг на базе ценностей клиентоориентированности, делятся своими UX-практиками, идеями и секретами, отвечают на вопросы.

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

Уже шесть лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-февраль 2016.

Начало

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

Решение сделать редизайн интернет-магазина и сменить концепцию дизайна было связанно с тем, что сайт не отвечает текущим веб-стандартам и не решает поставленные перед ним задачи. Также сайт до этого был закрытым, но его решили сделать публичным.

Сравнение старого магазина с новым

Ох уж эта граница видимой области. Проклятье многих UX дизайнеров при переговорах со своими клиентами. Предмет сатиры, насмешливые вебсайты. Ну, на самом деле, всего несколько.

Немого истории

Идея границы видимой области (далее, ГВО) пришла в веб из печатной индустрии (первый тревожный звоночек). То есть это есть пережиток прошлого. Газеты были, как бы это сказать, ограничены, когда выпускались в печать и продавались. Идея заключалась в том, что было чрезвычайно важно помещать крупные заголовки и изображение в самой видимой области — вверху страницы. Делалось это для того, чтобы привлечь тем самым читателей. И вуаля — родилась новая тенденция.

В очередной раз привет, Хабр. Сегодня я хочу накинуть на себя белый халат, нацепить элегантное пенсне и выступить в роли инженера-экспериментатора, который будет смешивать необычные компоненты, дабы создать новый “соус”, под которым можно подать Вам старое любимое блюдо — ваш смартфон.

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

Какой же основополагающий инструмент должен быть сегодня у каждого уважающего себя гуру юзабилити? Может быть, это навык создания слайдов и наличие триммера для бороды? — нам тут подсказывает юноша с задней парты. Нет. Вот испуганная девушка, прикрываясь кипой разноцветных сертификатов и дипломов, упоминает о многолетнем опыте. Ничуть не бывало. Выходит усталый и замученный мужчина средних лет и заявляет: «Калькулятор для подсчета общей суммы принесенной прибыли заказчику?» Так, а вот бизнесменов вообще сюда не звали, это наш внутренний междусобойчик, выйдите из класса. Ладно, не буду вас томить, вот он — главный инструмент любого истинного эксперта, работающего с пользовательским опытом (да, вот именно так и звучит UX в переводе):

Уже шесть лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-декабрь 2015.

Привет, Хабр. Я уверен, ты всё-таки еще не умираешь! Постараюсь, чтобы данный материал внёс свои 5 коп в фонд развития “Хабр — живи!”.

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

«Продавайте эмоцию, а не товар», «Расскажите про длительный эффект от покупки» – именно эти заголовки в одной из статей испортили однажды мне утро.


Пародия на избыточную эмоциональность в интерфейсах

А началось все с клиента, прочитавшего статью о «правильной» технике продаж и поставившего под сомнение мою компетенцию. Та статья стоила 2-х часового разговора и заставила разложить вопрос эмоциональности в интерфейсах по-полочкам.

После того, как Apple презентовала музыкальный сервис Apple Music, некоторых «внимательных» знатоков смутил новый жест Long Press, использующийся в приложении. Смутил по той причине, что уж больно он похож на андроидовское долгое нажатие, которое показывает контекстные действия и открывает контекстные меню. Но несмотря на то, что жест не является нативным для платформы и не описан в гайдах, он существует в iOS давно, хотя и не пользуется большой популярностью. Не все помнят, что с его помощью можно не только перемещать или удалять иконки на домашнем экране, но и показывать крупные превью в фотоальбоме, получать быстрый доступ к черновикам в почте, записывать аудио-сообщения, видео, делать фото в сообщениях и так далее.



И вот знатоки стали рубить сплеча, утверждая, что Apple увел жест у Android. Но если углубиться в историю яблочных технологий, то можно вспомнить, что в марте 2015 Apple запатентовала Force Touch, появившийся в Apple Watch, а позже реализованный в MacBook с Retina Display. И по-настоящему «внимательные» пользователи должны были догадаться, что этот Long Press есть не что иное, как будущий 3D Touch, который должен был появиться в iPhone 6s и iPhone 6s+. С той лишь разницей, что владельцам винтажных айфонов приходится манипулировать не силой, а продолжительностью нажатия.

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

Axure — инструмент для создания интерактивных прототипов сайтов и мобильных приложений. Навыков работы с ним часто требуют работодатели, ищущие проектировщика интерфейсов или UX&UI-дизайнера. В России это почти что отраслевой стандарт. Axure 7 — последняя версия программы. Восьмая версия сейчас в бете.

В одной школе интернет-технологий (не упоминаю, чтобы не сочли за рекламу) с мая 2015 года я рассказываю начинающим дизайнерам об Axure 7. В течение 3 часов (минус небольшой перерыв) объясняю, как работают те возможности программы, которые нужны мне для большинства проектов. И закрепляю знания практикой.

Примерная структура занятия:

• Примеры прототипов;
• Виджеты, их настройка и расстановка по холсту с помощью сетки, направляющих и выравнивания;
• Мастера;
• Динамические панели;
• Создание интерактива (ивенты, экшены, кейсы, условия);
• Под конец: способы передачи прототипа заказчику, свойства страниц, стили.

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

Дизайн и создание интерфейсов продуктов являются одной из областей, в которых многим проектам подчас приходится идти на компромиссы. Сегодня мы расскажем о том, как мы в 1cloud модернизировали сайт проекта и развивали некоторые пользовательские функции.

Уже пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-декабрь 2015.

Не секрет, что в кризис многие компании ищут способы оптимизировать расходы, дабы выжить в данное нелегкое время. Некоторые, как «Елки-Палки» или «Сбарро» — тысячами увольняют сотрудников самой низкой квалификации, которые как раз и приносили максимум прибыли, находясь на самой передовой. Другие же поступают хитрее, выискивая самых неэффективных и малоприбыльных офисных экспертов с размытыми показателями KPI. Дабы поостеречь такие компании от сокращений своих начинающих специалистов по дизайну и будущих гуру от usability, в данной статье будет предложена простая и понятная аналогия между современным дизайном UX и мастерством кунг-фу.

19 января в офисе Mail.Ru Group прошла очередная, четвёртая UX-конференция Русской школы сервисного дизайна. Её основной темой был обмен опытом в сфере проектирования сервисов и услуг с учётом клиентоориентированности. На конференции прозвучало немало интересных и полезных докладов. И если вам не удалось побывать ней лично, то здесь вы можете ознакомиться с видеозаписями выступлений и презентациями докладчиков. Подробности — под катом.