Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 1439 сообщений
Cообщения с меткой

юзабилити - Самое интересное в блогах

Следующие 30  »
rss_rss_hh_new

Автоматизация при помощи бота или как из истерии по роботам сделать полезное решение

Пятница, 27 Мая 2016 г. 16:04 (ссылка)


За то долгое время, что мы не писали, произошло невероятное количество событий. Начнем с того, что в мире набирает обороты ажиотаж вокруг чат-ботов, про них говорят и пишут столько, что уже хочется установить информационный фильтр, и понятно почему. Шума много, но все больше вопросов из серии: «А где результат? Где кейсы?» Мы согласны с этими вопросами, поэтому добавим немного ответов.



image



Чат-боты в своей деятельности мы используем примерно 7 месяцев. Сначала мы использовали их для внутренней работы с магазинами-партнерами.

Например, когда приходит заказ, то магазину в телеграмм падает сообщение о том, что «Пришел заказ», магазин прямо в мессенджере может поменять статус заказа, узнать подробности о заказе и т.п. Дальше с помощью Телеграма мы автоматизировали процесс передачи заказа. Например, магазин не может выполнить заказ (нет в наличии цветов, курьеров и т.п.) мы можем в 1 клик отправить заказ всем магазинам Москвы, которые подключены к нашему каналу. Происходит своего рода тендер. Магазины торгуются за заказ в течение 7 минут. Обязательным условием является снижение цены. Торги происходят прямо в мессенджере. После завершения торгов заказ автоматически назначается победителю.

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



image



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



Буквально недавно мы реализовали перенос бота для магазинов из Телеграма в Facebook.

Все же про Facebook знает больше людей, что про Телеграм. У многих уже есть мессенджер на телефоне и не нужно качать новое приложение. Мы уверены, что в будущем появится возможность создавать внутри мессенджера целые админки или веб сайты. Зачем ”пилить” свое приложение, если можно реализовать все на базе популярного? Быстро+удобно+дешево = профит!



image



Немного о чат-боте Facebook.



Плюсы:



— он более юзабельный, чем телеграмм, как по мне.



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



— функционал даже в первой «сырой» версии гораздо более развернутый по своим задаткам, чем в телеграмм. Интересно, что будет в новой версии.



Минусы:



— отсутствие «заточенной» под ботов рекламы прямо в Фейсбук. Хотя почему бы не дать эту возможность уже на старте работы?



— непростая модерация чат-ботов в Фейсбук. Так, для понимания, чтобы создать чат-бота в Телеграмм нужно написать пару строк, и, вуаля, все готово, никакой модерации нет. А тут нужно пройти путь практически выкладки приложения для iOS. Хм, странно, но может быть в будущем себя оправдает. Возможно со временем что-то изменится и модерация будет быстрее. У нас она заняла 2 дня. И тестировалась она реальными людьми.



image



Если говорить про покупки прямо в мессенджере, то могу сказать, что люди пока очень неактивно там покупают и в этом я вижу несколько причин:



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



Так как мы в Flowwow фанаты UX и дизайна интерфейсов, то мы сразу решили подойти к этому с определенным подходом простоты и не привязывались к сайту-маркетплейсу. Если коротко, то в чат-боте не нужны 80 тыс. товаров. Нужно просто, быстро и удобно заказывать с самым интересным контентом для конкретного человека. Система сбора данных будет еще дорабатываться и за счет этого можно будет персонально показывать выдачу товаров каждому конкретному человеку. В мессенджер можно уже сегодня встраивать голосовое управление для занятых людей.

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



image



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



image



P.S. Автоматизируйте свои процессы — это сокращает косты и упрощает вам жизнь, чтобы направить ваши мысли и время на более глобальные вещи, чем объяснять человеку в сотый раз, что мы «система управления» или другой не понятный сервис для клиента.



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



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



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



Если вы хотите присоединиться к нам и поучаствовать в нашей экспансии в другие страны, то велком, пишите мне:



https://www.facebook.com/makeev11



Я вам все расскажу!



image

https://habrahabr.ru/post/301996/

Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Социально-ориентированное проектирование

Вторник, 17 Мая 2016 г. 19:05 (ссылка)




https://habrahabr.ru/post/301060/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Веб-сайты продолжают использовать «тёмные паттерны»: интерфейсы, предназначенные для обмана

Среда, 27 Апреля 2016 г. 23:55 (ссылка)

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



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



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



Предположим, вы открываете статью «Открытое письмо к Берни Сандерсу».







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



Если вы всё-таки нажали «Закрыть», манипуляции продолжаются.











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



Перейдём по ссылке Subscribe Now.











Здесь становится ясно, что 99 центов в неделю — не настоящая цена. Коммерческие компании часто предоставляют скидку при подключении услуге или в начале подписки, это нормально. Проблема в том, что Boston Globe вообще не указывает настоящую цену, которую начнёт брать через четыре недели. Это вводит в заблуждение пользователя.



Если нажать Sign Up, то мы увидим ещё больше тёмных паттернов.















На странице указана сумма, которую снимут за первый месяц ($3,96). Настоящая цена указана ниже, мелким шрифтом. Она подобрана таким образом ($3,99 в неделю), чтобы не сильно отличаться от заявленной красной цены, так что пользователю не сразу придёт в голову, что цена значительно возрастает: далее идёт отсчёт не по месяцам, а по неделям. Вдобавок, слева пользователя по умолчанию подписывают на три маркетинговые рассылки.



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











Среди вопросов о кроссвордах, некрологах и гороскопах спрятан вопрос «Сколько стоит подписка на цифровую версию».











Там указано, что настоящая цена вовсе не $0,99 в неделю, как было в рекламном объявлении, и даже не $3,99 в неделю, как сообщалось на странице оформления подписки, а… $6,93 в неделю! Почти в два раза дороже или в семь раз больше, чем на рекламном баннере. Эта цена вступает в силу только через год, так что обычному подписчику трудно будет заметить, что со счёта начали списывать больше денег, если только он не изучает детально банковские выписки. Очень грамотный приём!



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











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



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



На сайте Dark Patterns все типы манипулятивных приёмов веб-дизайна разбиты по категориям.

Библиотека тёмных паттернов

  1. Приманка и переключение. Пользователь совершает одно действие, а вместо этого происходит нечто другое.




  2. Замаскированная реклама. Баннеры маскируются под контент или навигацию, чтобы поощрить пользователя нажать на рекламу.




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




  4. Принудительное продление. Пользователь подписывается на бесплатную пробную услугу, но ему принудительно продлевают платную подписку.




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




  6. Спам френдов. Приложение просит авторизации, а потом публикует сообщения в социальной сети от имени пользователя, направляя спам на его френдов.




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




  8. Смена фокуса. Внимание пользователя специально привлекают к постороннему объекту, чтобы отвлечь внимание от главного.




  9. Предотвращение сравнения цен. Практика обфускации ценовой информации разными способами: изменение количества товаров в упаковке, изменение размера упаковки и т.д.




  10. «Цукеринг приватности». Практика использования приёмов веб-дизайна и фразеологизмов, чтобы склонить пользователей к нужному выбору. Термин «цукеринг» (zuckering) для подобных действий предложил использовать Фонд электронных рубежей.




  11. Ловушки предполагают создание ситуации, когда пользователю будет максимально сложно отказаться от сделанного выбора, отменить своё действие (например, отменить платную подписку на журнал).




  12. Блокировка. Интерфейс затрудняет для пользователя желаемое действие, помещая перед ним на экране посторонний объект. Например, появление рекламы на кнопке паузы в видеоплеере.




  13. Сюрприз в корзине. Добавление лишнего товара в корзину покупателя.




  14. Вопросы с подвохом. Обращение к пользователю сделать выбор, когда при беглом прочтении текста создаётся одно впечатление, а при внимательном — совсем другое. Эта уловка основана на том, что пользователи склонны невнимательно читать тексты в интернете («сканировать» их по диагонали).





Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/282644/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
LizaDm

Типы сайтов

Четверг, 24 Марта 2016 г. 09:39 (ссылка)


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



сайт/5975799_3261238755_201a816d5f_z (500x413, 123Kb)




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


  • Корпоративный сайт, функционально содержит всю ту же информацию, что и сайт-визитка. Но может поддерживать блог с новостями, сообщения об существующих акциях и предложениях, каталог предоставляемых услуг или товаров. Могут содержать модули для документооборота, ведения переговоров и другие.


  • Промо-сайт создается для конкретного проекта, бренда, товара или услуги, рекламируя и про двигая. Может вести статистику о продажах, целевой аудитории.


  • Интернет-магазин содержит информацию о компании, информацию о предоставлении тех или иных услуг и товаров, возможность оформить заказ и его получить, техническую поддержку. Огромный положительный момент в том, что клиент может быть с абсолютной любой страны мира.


  • Портал –это очень большой сайт, посвященный какой-либо тематике. Как правило содержит огромный объем статей и обзоров, форумы с возможностью регистрации, новости. Но может содержать и дополнительный разделы, например, онлайн чат или игры. 


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



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



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

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Перевод] Существует ли граница видимой области в вебе?

Понедельник, 21 Марта 2016 г. 07:00 (ссылка)





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



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



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



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



Итак, существует ли ГВО в вебе?



Давайте на чистоту, на странице всегда существует область, которую мы видим первой, когда загружается сайт (Прим. пер.: так называемый «первый экран»), это и есть граница видимой области. Однако, в нынешнем вебе столько всего намешано, что очень сложно сконцентрировать все ключевые моменты на этом самом «первом экране».



Множество девайсов и адаптивный дизайн



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







На whereisthefold.com можно наглядно увидеть различные «ГВО», указав интересующий вас URL.



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



Вот диаграмма-статистика разрешений экранов пользователей интернета за начало 2016 года







Она сгенерирована из данных ТОП-20 разрешений экранов за указанный период. Саму статистику вы можете посмотреть вот тут screenresolution.org



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



Что же делать UX разработчикам?



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



Люди будут прокручивать, если они поймут, что при этом они обнаружат нужную информацию, и если убедятся, что этого им будет достаточно. Теперь, когда мы близко знакомы с вебом и тем, как он работает, мы понимаем, что прокрутка страницы является распространенным явлением. Одно ай-трекинг (eye-tracking) исследование обнаружило горячую точку над полосой прокрутки. Это значит, что люди смотрят и оценивают, насколько длинной может быть веб-страница.



Как же мне проектировать, учитывая прокрутку?







Этот сайт использует иллюстративный элемент на странице, который подсказывает пользователю, что нужно прокрутить страницу.



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







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



Другой подход заключается в обрезании контента, создании некоего визуального тизера, за которым после прокрутки следует что-то еще. Для пользователя должно быть очевидно, что контента на странице гораздо больше, чем он видит перед собой. В одном юзабилити тестировании я была свидетельницей негативного эффекта, который возник из-за применения «ложных футеров» ('false floors'). В данном конкретном случае — это блочные горизонтальные линии, которые разделяли страницы. Пользователи думали, что они увидели все на странице и не прокручивали дальше. Есть простой способ, чтобы избежать подобного. Нужно всего лишь сделать контент как бы выглядывающим снизу экрана.



Призывы к действиям в мире веба







Главная страница продукта Adobe InDesign CC расположила CTA (Прим. пер.: call to action — призыв к действию) в нескольких местах: в верхнем меню, для пользователей, которые готовы купить продукт прямо сейчас; и в конце страницы, для пользователей, которые сначала хотят ознакомиться с информацией о продукте. Обратите внимание, что призывы к действию располагаются на всем протяжении прокрутки.



Ключевой проблемой, которая возникает у людей, является то, что CTA кнопки, такие, как «купить сейчас», «подписаться» или «записаться» теряют свою эффективность, если они расположены «выше границы видимой области». Когда на кону стоит конверсия сайта, то необходимо убедиться, что CTA кнопки всегда находятся в зоне видимости пользователя. Ключевой момент, который выявили эксперты, касательно расположения CTA, заключается в том, что такие кнопки должны располагаться (появляться) в том месте, где предположительно пользователь решит совершить то или иное действие. Иерархия, дизайн и содержание страницы должны строиться таким образом, чтобы пользователь был готов принять решение «купить», «подписаться» или «записаться» и перейти к следующему шагу. Чтобы собрать информацию о стилях поведения, доступности и различных пользователях в целом, ключевые CTA должны располагаться сразу в нескольких стратегических местах.



На границы видимой области мы уповаем…



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

Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/279705/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Юзабилити линч: ищем уязвимости интерфейса в CMS Diafan

Четверг, 03 Марта 2016 г. 18:27 (ссылка)





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



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

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





Почему Diafan?



Было решено проанализировать несколько популярных систем для создания и управления сайтами. Диафан как раз недавно полностью сменил интерфейс и это отличная возможность “окунуться в чужие проблемы” :) (говоря о проблемах, я подразумеваю Битрикс, интерфейс которого отдалённо напоминает windows 95)

Аргументация выбора была очень простая: чем быстрее мы доберёмся до демо-доступа и окунёмся в атмосферу системы, тем скорее сделаем свой выбор (попробуйте найти его на сайте пресловутого Битрикса). Безусловно, стоимость стояла не на последнем месте. Удобно на бесплатных началах “погонять” продукт, как говорится, и в хвост и в гриву. И только потом принять стратегическое решение!



Всё ли так радужно?



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



Меню



К сожалению на фоне пустоватого dashboard’a серое меню забирает на себя всё внимание. Безусловно есть понимание, что по мере наполнения сайта он будет наполняться, но первые впечатления таковы. Пользователь обречён на изучение всех доступных разделов, которые обрушились на его плечи разом:



Скроллбар заметили? Получается, что нижние разделы спрятались за областью видимости.



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





Сворачивание меню



К сожалению, сворачивание меню сейчас теряет всякий смысл. Иконки отделяются от критически важного описательного текста, что делает их непригодными к восприятию.

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





Решение. Onhover тултипы мгновенно исправляют ситуацию:





Добавление объекта



В текущем режиме функционал добавления объекта оторван от контекста как логически, так и визуально. Сейчас предлагается выбрать конкретику после события onhover:





Решение. Как минимум его законное место: венчать левое меню. Добавляемые элементы также могли бы появляться по принципу аккордеона. Но всё-таки, полагаю, что самым оптимальным путём для создания объекта была бы привязка иконки “+” к соответствующему разделу:





Давайте перейдём глубже в разделы...



Неэргономичность



Или некорректное использование свободного пространства. На ширине 1920 вместо адаптивности нам предлагают просто растянуть блоки:





Решение. Просто использовать свободное пространство эффективнее:





Аналогичный пример: в разделе добавления новости из-за нерационального использования пространства на высоте 1080 форма ввода оказалась не видна:





Решение. Без комментариев.





Последовательность контролов



До того как осуществлёна некая выборка, нам уже предлагается оперировать с выпадающим списком и бесконечно много нажимать на кнопку “Применить” без всякого отклика:





Решение. Изменение активности контрола в связке с предыдущим действием вызывает большее обозначение их взаимосвязи:





Формы ввода



При работе с некоторыми формами ввода нас обязывали подтверждать новые введённые данные с помощью клавиши Enter:





Нет необходимости в таких обязательствах. Достаточно сместить фокус, сделав клик в нейтральную область, чтобы данные сохранились!



В мелочёвку вроде тултипов, перекрывающих контролы, ими описываемые; или необходимость при клике на иконку “?” открывать справку именно о данном разделе (а не отсылать к общей документации) я вдаваться сейчас не буду…



Что в итоге, кэп?



На самом деле продукт не так уж плох. Просто я не включил в этот обзор всё позитивные моменты. Большинство сценариев взаимодействия выстроены по привычным UX парадигмам, а значит разобраться в базовом механизме можно и без руководства пользователя. Важный момент, что благодаря облачности и функционалу быстрого старта, действительно запустить собственный ресурс (бесплатно первые несколько недель) удалось за пару минут. Звучит оправдано: лень изучать мануалы и нужно быстро запускаться — можно закрыть глаза на некоторые уязвимости функционала. М**ква же не разом строилась!



А будет ли толк?



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



В качестве поскриптума



Особое приглашение в каменты тем, кто пользовался данной CMS! Интересно было бы послушать Ваши мнения о плюсах и минусах Diafan’a.



Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/278507/

Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Оптимизация UI: Опыт 1cloud

Понедельник, 15 Февраля 2016 г. 14:28 (ссылка)






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

https://habrahabr.ru/post/277155/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
raps

Видео обзор игры FALLOUT 4 » AROUWORLD.RU - Портал любимых игр

Вторник, 03 Февраля 2016 г. 00:55 (ссылка)
arouworld.ru/video/14-video...out-4.html


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

Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Из песочницы] Гайдлайны Apple для iOS-приложений устарели

Воскресенье, 20 Декабря 2015 г. 09:44 (ссылка)


Без Стива Джобса Apple стала часто идти на компромиссы. И вот что случается, когда из компании уходит человек, который способен говорить «Нет» не до конца проработанным решениям:







Но сегодня я хочу обратить внимание на UI/UX проблему iPhone 6 и 6 Plus, которая существует уже более 2-х лет и которую большинство UI/UX дизайнеров игнорируют.

Читать дальше →

http://habrahabr.ru/post/273527/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество

Следующие 30  »

<юзабилити - Самое интересное в блогах

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda