Юзабилити: как сделать сайт удобным
Ozon. ru сменил лицо
Однажды я зашел на сайт ozon. ru и не узнал его: кто-то здорово поработал над интерфейсом этого электронного магазина.
Вот так выглядел старый интерфейс (рис. 11.1).
|
|
|
С*в ця - rgvOflW АР» lj*P j? > О - jl lijjjftlPy ш |
|
|
|
в» eat їм м> |
|
7J <зг-|>клз 20t*i ‘ К Ul> w 3,02»*" e/5. ffl М1шЁ
Щ(і іім гимн») Oo*r*>»dha рИиг» г ~ 1 '~фШтХ Рис. 11.1. Прежний интерфейс ozon. ru |
Каковы были его проблемы и особенности интерфейса?
Ссылка в каталог Книги встречается три раза на странице и еще один раз в «подвале». Это грубое нарушение принципа монотонности интерфейса.
Надпись справа вверху Оформить заказ повторяет ссылку, которая «твешша» та ¥щ*яянь швеей рядом Vropvv том, что это y*£
совершенно привычный для большинства пользователей значок).
Двухуровневое меню неуклюже скопировано со знаменитого amazon. com. Верхний уровень — основные разделы сайта, нижний — его подразделы. Однако визуально не определить, как они подчинены, потому что граница между уровнями не исчезает.
Дизайн кажется «крепким», надежным, словно кирпичный дом, в отличие от нового, несколько «воздушного» варианта. Вот так стал выглядеть интерфейс (рис. 11.2).
< (>Ф I; - I 1Л>* v1ii ruse (It tfi'eriu-» } Hjilm
EPa ft* 4*®*** Ioeb ЦМр
• о• Ц ifift Р*»* % Ш %
|
Дефо nos«me«t»i У |
|
О OGDON W uMimiJuriiM |
|
"И ГШТТПГ. Л'П-ШГ, • ”. u Sl> 2&ДД |
|
tixxttinaiuaakZ |
|
» Мой Оэон 4 Нужна памошь? *» Заказ no телефону 4 Обратная иш |
|
Новости Озона |
|
о С 1 июне не Озона широкий выбор цифровых Фото и видеокадр и акеаесуароа к нині |
|
■ С 19 мая аы иожате и__________ • которой показываются цаны товаров Озона |
|
И Сегодня в книжной магазине |
|
Евгений Гришковец Рубашка |
|
Первый роман жаменитого драматурга и исполнителя собственных пьес Евгения Гришковца может стать событием нашей литературной ИГИ1НИ ҐІппияввлвмие |
|
Ж їМї» |
|
Один и» самых лопутрных романов іналенн того шотландца - трэгикоиичеосм семейная сага, полная гротеска и теплой иронии, начинающаяся |
|
' С 1 мая оо 30 июня - дза " КвШЮИіКЙ издательства •ТЕКСТ* на 0»оне1 И 2QQ3 ПУЧаМІ > ВЕЭТселлеры за BESTuenotc: 300 РУО а ЙИГХУ P. gflltK. lfctratf по еупермизкии ианаиІІ. уголок Таякииа » face новости! |
|
И Бестселлеры |
|
|
|
Избранное |
|
* Дика Гавальда Мне бы хотелось. чтеб пеня га- нибудь гда-нибУдь ЖАЗВш ** Людмил* Улникая исками* Вдм Шчоик ** .Филипп Богача» |
|
егпивпм ¥ |
|
г ■ |
|
ghttp'//www «on ru |
|
«___ : |
Рис. 11.2. Интерфейс ozon. ni сегодня
Верхнее двухуровневое меню исчезло. Подразделы открываются как древовидная структура в боковом меню. Поиск стал доминирующим элементом на странице в отличие от прежнего интерфейса, где его не было вообще.
Исчезли лишние элементы (блок авторизации, текущая дата и курсы валют).
Пиктограмма корзины с подписью — лучший вариант использования пиктограмм.
