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

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

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

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

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

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

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

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

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

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

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

P.S.

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

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

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

 

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

Открытый урок по роботостроению в Астане (12 июля)

открытый урок в компьютерной академии ШАГ

В Астане, в компьютерной академии «ШАГ», 12 июля 2014 года (суббота), в 11:00 будет проходить открытый урок «Робостроение».

Если ваш ребенок увлекается техникой, смотрит «Трансформеров» или просто вы не знаете, чем его развлечь, то смело регистрируйтесь.

Во время урока ребенок узнает:

— какие виды роботов бывают
— как функционирует «умный» дом
— как ползает «робот-паук»
— как летает «коптер»
— как программируются роботы

Регистрация по телефону: 8 7172 313-328

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

Подробнее можно прочитать на сайте академии: http://itstep.kz

[related_posts] [twitter style=»horizontal» float=»left»][fbshare type=»button_count»]

 

[linkedin_share style=»top»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

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

На прошлой неделе меня пригласили на презентацию нового интерфейса личного кабинета электронного правительства. 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)»]

Хрустальный кубок

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

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

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

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

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

[box]Перед вами два кубка. Один из них из цельного золота, украшенный самыми изысканными узорами. Другой из кристально чистого стекла, тонкого и прозрачного. Налейте и выпейте. И смотря какой вы бокал выбрали, я пойму истинный ли вы ценитель вина. Если вы равнодушны к напитку, вам будет важно ощущение процесса пития из сосуда, который стоит тысячи фунтов стерлингов. Но если вы из исчезающего племени, любитель чистых урожаев винограда, то вы выберете хрусталь, потому что в нём всё рассчитано для того, чтобы раскрыть, а не скрыть то, прекрасное, что может содержать вино.

Beatrice Warde, 1932[/box]

[toggle title_open=»Close Me» title_closed=»Прочитать оригинальный текст» hide=»yes» border=»yes» style=»default» excerpt_length=»0″ read_more_text=»Read More» read_less_text=»Read Less» include_excerpt_html=»no»]‘You have two goblets before you. One is of solid gold, wrought in the most exquisite patterns. The other is of crystal-clear glass, thin as a bubble, and as transparent. Pour and drink; and according to your
choice of goblet, I shall know whether or not you are a connoisseur of wine. For if you have no feelings about wine one way or the other, you will want the sensation of drinking the stuff out of a vessel that may have cost thousands of pounds; but if you are a member of that vanishing tribe, the amateurs of fi ne vintages, you will choose the  crystal, because everything about it is calculated to reveal rather than to hide the beautiful thing which it was meant to contain.’
Beatrice Warde, 1932[/toggle]

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

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

Антропоморфизм в дизайне

Вики: Антропоморфизм (греч. ανθρωπος человек, μορφή вид) — наделение человеческими качествами животных, предметов, явлений, мифологических созданий.

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

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

antropo

Слева — удачный пример антропоморфизма, справа для сравнения не совсем удачная альтернатива.

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

[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. Многие дизайнеры отзываются об Иллюстраторе, как инструменте для творчества, а Корел многие не любят и считают продуктом для сухих чертежей.

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

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

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