mega.genn.org

available in English, too!

Факт о Чаке Норрисе №∞: Он может испортить App Store террором 9 комментариев

chuck-approved

Самый свежий факт о Чаке Норрисе: это он откусил кусок от логотипа Apple. Нет, это не шутка, он действительно это сделал. Если вкратце, то Чак обиделся, что его стрелялка в App Store плохо продается и обвинил в этом, кого бы вы думали, юзабилити магазина приложений. Чак терроризировал Apple тем, что уйдет со своей программой на платформу Андроид (почему-то для кого-то это имеет значение) и отвергал предлагаемые Apple варианты дизайна. Как обычно, пришлось браться за дело самому. В результате оказалась, что Чак Норрис куда круче справляется со счетом до бесконечности и путешествиями на Марс, чем с UX консультациями.

Что не так

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

old app store application page

Так выглядела страница приложения в App Store до вмешательства Чака (изображение я нашел в Google Images)

new

Так выглядит страница приложения сейчас, после того, как Чак применил болевые приемы к юзабилити

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

В App Store это не учли. Вот несколько примеров:

progress-scroll

Кто-то может определить какая из этих полосок показывается состояние загрузки, а какая — полоса прокрутки? Они выглядят одинаково! При этом обе похожи на индикатор состояния

Ок, вот подсказка:

progress-scroll-hint

И все равно не очевидно

Я сначала подумал, что блок с приложениями загружается, пока случайно не кликнул туда и не увидел, что это, оказывается, полоса прокрутки. Даже у Гугла получилось не так плохо с их ужасными полосами прокрутки в Google Wave.

Вот задача посложнее: укажите все ссылки в текстовом блоке ниже.

which-is-the-link

Кроме синего текста (это очевидно) ссылками также являются «Report a Concern ›» и «Yes | No». Остальной черный текст, оформленный так же, не ссылка. Не спрашивайте почему

Кстати, синим цветом также отмечены заголовки, которые не являются ссылками.

«Хлебные крошки» тоже подверглись изменениям.

crumbs

Вверху страницы они больше похожи на ссылки на сайты (подсвечены после краткого описания приложения), а не на «хлебные крошки», которые использует Apple по всему сайту и раньше использовала в App Store

crumbs-real

В то же время «хлебные крошки» внизу страницы не изменились

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

dropdowns

Если приложение бесплатно, то нет ни слова «Buy», ни слова «Download», на кнопке просто констатация факта

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

wet-floor

Эффект мокрого пола менее агрессивный и затрудняющий чтение при оценке приложения

Неужели все плохо?

Нет. Общая гамма стала светлее, что, наверняка, облегчит кому-то чтение (если были трудности с этим ;). Тем не менее, это изменение сделало iTunes Store скорее похожим на сайт, открытый внутри iTunes, чем на его часть, которым он выглядел раньше.

Факт

Чак Норрис очень плох в роли UX эксперта, а Apple испортила интерфейс по непонятным причинам.

, , , , , , ,

Комментарии и трекбеки

16.12.09•12:29 treks

я согласен в общем, но несколько слов в защиту скажу :)

не подчеркивать ссылки плохо. но если _прочитать_ что написано, становится понятно что ссылка а что нет.

прокрутки можно было сделать внятнее, я тоже очень не сразу сообразил. они появились еще когда недавно они поменяли дизайн (с itunes 9кой).
но если увидеть что иконки и скриншоты в примерах выходят за край поля, становиться понятно что гдето должна быть прокрутка. к тому же она сделана в дизайне горизонтальной прокрутки itunes, которая давно уже такая непохожая на весь osx.

мои два цента

16.12.09•12:32 treks

а вообще складывается впечатление что несколько человек поработали над одной страницей и арт директор проспал :)

16.12.09•12:32 cinic

Мда ;) возможно всё было бы по другому, если бы Чак не воспользовался своим УЧННР.

16.12.09•12:53 Genn

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

16.12.09•14:26 digitalrie

это точно не шутка? я сперва очень испугалась, и побежала в эппл стор, но не нашла UX Чака Норриса(

16.12.09•14:58 UncleSam

Я понял шутку про Чака, понял, почему тебе не понравился дизайн Эпла и мне даже понравился твой вариант. Так я и маководом стану блин.

16.12.09•19:06 Kiselyov

С Чаком Норрисом не шутит даже Apple. Точнее с Чаком не шутит никто!

17.12.09•10:39 Ironcell

Very informative post, I liked the two screenshots showing the before/after App Store re-design, and the Chuck Norris approved picture at the very top, LOL!

17.12.09•20:54 Oleg Butuzov

Странно что дома открыв апстор – вижу старый дизайн, на работе новый.

может дело в версиси iTunes?

Оставить комментарий

имя и адрес электронной почты — необходимые поля

Комментировать

Свежие твитты

Другие сайты и сети