Новый интерфейс личного кабинета Altel

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

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

Что ждёт пользователь от личного кабинета провайдера? Наверное, чтобы можно было быстро получить важную информацию, удобно было управлять подключенными услугами и оплачивать услуги. Что такое продуманный интерфейс? Тот, который учитывает нужды пользователя.

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

altel новый дизайн личного кабинета

Во-первых, первым пунктом выведена «стоимость абонентской платы». Сомнительный приоритет для статичной информации. При этом ее можно было вывести рядом с названием тарифа. Дата следующего списания вообще не отображалась. Но всё это мелочи по сравнению с пунктом «Ресурсы в рамках тарифного плана». В нем были нарушены законы восприятия. Зеленый цвет — это цвет позитивной тенденции, красный — негативный. Если пользователь видит прогрессбар зеленого цвета, идущий слева направо, то он подсознательно воспринимает это объем чего-то позитивного для себя. Что позитивное для юзера? Объем трафика, который у него в распоряжении. Логично? Логично!

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

altel новый дизайн личного кабинета

Трафик на шкале только увеличился! Это был показатель не остатка, а показатель использованного трафика!

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

P.S.

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

Была переписана подпись — теперь это «Остаток ресурсов…», что дает однозначную трактовку показателя. Цветовая шкала используется верно — это объем остатка трафика, доступного пользователю.

поправленный altel новый дизайн личного кабинета

 

UPD. Оплату было бы логично перенести в раздел Баланс.
баланс алтел личный кабинет

Новый интерфейс электронного правительства

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

Несколько лет назад я сам работал в АО НИТ , на проекте электронного правительства. Я был бизнес-аналитиком, занимался описанием бизнес-процессов, для последующего добавления в список услуг egov-а. С тех пор в структуре компании многое изменилось, проектом сейчас занимается аутсорс-компания. К счастью, над проектом трудится толковая команда, которая ведет работу над развитием проекта.

Вот грядущие результаты их работы:

новый интерфейс egov.kz

При клике фото откроется в полном размере

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

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

новый интерфейс egov.kz

Все активность отображается в виде входящих сообщений. Их можно сортировать и фильтровать по источнику, теме, статусу. Также есть возможность полнотекстового поиска.

Разработчики не скрывают, что позаимствовали интерфейс у почты Gmail. Они это объясняют тем, что хотели сделать удобный, понятный и самое главное привычный для пользователя вид.

Настройки выглядят следующим образом:

Screen Shot 2013-11-04 at 5.26.35 PM

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

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

[related_posts] [twitter style=»horizontal» float=»left»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

Аффорданс

Аффорданс (affordance) — «приглашающее» (повелительное, побудительное) качество; предрасположенность интуитивно понятное (объективное или ощущаемое, воспринимаемое) свойство объекта (среды, интерфейса), указывающее на то, каким образом следует взаимодействовать с данным объектом или использовать его; это понятие исследуется в научной теории восприятия и находит применение в области эргономики, искусственного интеллекта, при разработке интерфейсов для взаимодействия человека с компьютером. Термин предложил психолог Джеймс Гибсон (James J. Gibson) в 1966 г.

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

Когда аффорданс объекта или среды соответствует непосредственно функциям, которые выполняет объект или среда, то тогда решение будет более эффективным и простым в использовании.

И наоборот, когда аффорданс объекта или среды конфликтует с непосредственными функциями, то решение будет менее эффективным и неудобным.

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

Аффорданс дверей

Аффорданс дверной ручки

Еще один пример аффорданса — кирпичи Лего.

Лего

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

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

[related_posts] [twitter style=»horizontal» float=»left»] [fbshare type=»button_count»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

 

Эстетичность и юзабилити

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

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

Экспериментальные доказательства этого феномена в 1995 году озвучили Масааки Куросу (Masaaki Kurosu) и Каори Кашимура (Kaori Kashimura) в своем труде Apparent Usability vs. Inherent Usability Experimental analysis on the determinants of the apparent usability.

This suggests that the user may be strongly affected by the aesthetic aspect of the interface even when they try to evaluate the interface in its functional aspects and it is suggested that the interface designers should strive not only to improve the inherent usability but also brush up the apparent usability or the aesthetic aspect of the interface.

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

Чем эстетичнее дизайн, тем он воспринимается лучше.

чайник

Ленивый чайник
Коллекция современных чайников http://www.toxel.com/tech/2009/06/26/14-modern-teapots-and-kettle-designs/

 

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

Можно привести пример из веб-разработки. Зачастую хорошо оформляется front-end сайта, то есть то, что видит читатель сайта, а «админка» остается без внимания и оформления, что вызывает в последующем негатив со стороны тех, кто публикует информацию. Они жалуются на «неудобный сайт». Как следствие заказчик бывает не до конца удовлетворен результатом работы команды разработчиков.

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

Позитивное взаимодействие с дизайном помогает творческому мышлению и решению проблем. Негативные впечатления от дизайна негативно влияют на широту мысли и подавляет тягу к творчеству. Яркий пример: два редактора векторной графики — Adobe Illustrator и Corel Draw. Многие дизайнеры отзываются об Иллюстраторе, как инструменте для творчества, а Корел многие не любят и считают продуктом для сухих чертежей.

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

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

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