- О юзабилити простыми словами - http://www.birzool.com -

Удивительные интерфейсы

Posted By Ярослав Бирзул On 23 апреля, 2008 @ 2:05 In Теория | 23 Comments

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

intio.jpg [1]

Такие встречаются преимущественно именно на flash-сайтах, которые обычно создают незаурядные люди, но не всегда с задатками ucd-специалистов. Хоть и в этой братии зачастую встречаются ОЧЕНЬ любопытные экземпляры человеческой мысли.

Дабы не лазить по всяким закоулкам глобальной сети я пошел гуглить зарубежный интернет на предмет нашей сегодняшней темы. Из того, что нашел я составил список, на мой взгляд, самых интересных и свежих GUI на flash. Fresh Flash GUI, да-да.

Каким лядом я оценивал всё это разнообразие?
• Нетривиальность лоадбара (загрузчик).
• Необычность метода навигации на главной странице.
• Интересность графических эффектов.
• Нетривиальность первого экрана (вход\выбор языка и т.д.)
• Свобода выбора – html или flash.
• Степень удобности вышеперечисленных пунктов. Разумеется на мой взгляд.

1. Фрилансер Stephane Guillot [2]
Первым в списке я представляю сайт поистине впечатляюще сделанный. Показан он в виде дома Стефана, по которому мы в роли него ходим, смотрим в почтовые ящики, читаем биографию в одежде, смотрим портфолио в виде всяческих причандал на рабочем столе (на обычном, деревянном). В общем, ходим по его дому, суя свой нос, куда не нужно. Особенно меня впечатлили музыкальные эффекты, и трюки персонажа во время возврата на главную страницу – поверьте, тут есть над чем похихикать.

PS: загляните также в «профиль» — это стол с бумажками – посмейтесь.

[2]

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

2. Wyse [3]
Этот сайт впечатляет не эффектами, не своей необычностью, а очень даже стильностью – сайт сделан с хорошим вкусом, и это видно во всём. К сожалению, он впечатлил меня не так как сайт Стефана, но тоже сделан добротно. Необычная навигация по главной странице с помощью мышки (кручу-верчу), кликаем на модели, смотрим информацию, и красивых девушек в красивой одежде.

[3]

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

3. Nagaoka Institute of Design [4]
Сайт института дизайна должен впечатлять. И этот сайт с гордостью справляется с возложенной на него задачей – нетривиальная навигация, необычный способ предоставления информации, и вкусная графика студентов – что еще нужно для полного счастья?

[4]

Лоадбар: необычен тем, что в нем поясняется метод навигации по сайту, но недостаточно нужной информации о процессе загрузки, что удручает.
Навигация: необычно. Выполнено в виде двух рулеток, и ассоциативного ряда между ними – студент-работа. Удобно.
Эффекты: их немного, и главное, они к месту, что радует.
Первый экран: его нет.
Выбор: тоже нет.
Удобство: бесспорно удобно, но необычно. Учится не нужно.

4. UNIQLO [5]
Несколько необычный сайт, по модельного агенства, с вполне обычной одеждой. Даже не особо дорогой. Навигацию по сайту очень неприятна, из-за специального горизонтального скролла, и отсутствия какой-либо информации о товаре – только картинка. Зато на картинках красивые девушки – это плюс:)

[5]

Лоадбар: по сути его нет. Только надпись «идет загрузка».
Навигация: местами обычно, а местами не очень. Вносит сумятицу в разуме. Неудобно.
Эффекты: эффектов нет вообще.
Первый экран: есть, но с минимумом информации.
Выбор: нет.

5. Instinct [6]
Наши ребята не дремлют, и вполне могут дать фору многим флешерам зарубежья. Вообще на ум приходит только одна навязчивая мысль – что ребята из Park Studio курят, и где можно купить такую дрянь?

[7]

Лоадбар: выполнен в виде красивых спидометров с глазом.
Навигация: очень необычно – мы должны вкидывать предметы в «молотилку», а нам показывается информация о работе. Интересно, но несколько непривычно.
Эффекты: куча эффектов, особенно анимационных. К месту.
Первый экран: есть.
Выбор: нет.
Удобство: несколько неудобно, но схватить идею не сложно.

6. Julie Bayard [8]
Эта девушка – чрезвычайно талантливый дизайнер одежды, фотограф, и график. Шикарные идеи, и мысли на этом сайте встретить не проблема, а правило.

[8]

Лоадбар: сделан в виде постепенно подгрузки работ с движением влево. Очень необычно.
Навигация: интуитивно понятна, и вполне адекватна в таком сайте.
Эффекты: их немного, и все «в тему».
Первый экран: нет.
Выбор: тоже нет.
Удобство: довольно удобно.

7. Johnny Slack [9]

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

[9]

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

8. Created 201 Studios [10]
Сайт сделан в виде «гламурного» куба, стороны которого являются разделами. Весь сайт укрыт узорами, симпатичными орнаментами в виде логотипа студии. Их работы впечатляют, а клиенты тем более.

[10]

Лоадбар: отсутствует. Понять о загрузке можно из кол-ва прозрачности кубика.
Навигация: вполне интуитивна.
Эффекты: графических эффектов немного, не сказал бы что они «к месту»
Первый экран: есть.
Выбор: нет.
Удобство: несколько неудобно, из-за того, что навигация ничем из общей композиции не выделяется.

9. Neostream [11]
Необычный сайт для людей с наклонностями садистов, которым нравится избивать непонятное существо (по-моему кот с трёмя ушами) курсором мыши (всегда мечтал), и сжигать беднягу кликая на ссылки.

[11]

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

10. WhiteVoid [12]
Сайт сделан в виде непонятной коробки (книги?) с синими листочками, на которых есть информация. Flash использует разнообразные 3d эффекты, которые управляются с помощью нашей драгоценной уже мышки.

[12]

Лоадбар: в наличии, но не интуитивен совершенно.
Навигация: странная, я бы сказал неудобная. На пользу 3д не пошло.
Эффекты: 3д.
Первый экран: нет.
Выбор: нет.
Удобство: тоже нет.

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

Тем временем:
1. Миша Квакин пишет о темах для темах для блогов [13].
2. Сергей Чаботько молится на пересчет PR в Google :) [14]
3. Футуриус размышляет о судьбе десткопах [15].

PS: Я думаю вы заметили новый дизайн. Можете поздравить с ним меня [16] (дизайн), Андрея WebMolota [17] (верстка), и Сергея Клейменова [18] (создание темы из верстки). И да — это не флаг.


Article printed from О юзабилити простыми словами: http://www.birzool.com

URL to article: http://www.birzool.com/flash/

URLs in this post:

[1] Image: http://www.birzool.com/flash/

[2] Фрилансер Stephane Guillot: http://www.stephaneguillot.com/index_uk.htm

[3] Wyse: http://www.wysebodywear.com.au/

[4] Nagaoka Institute of Design: http://www.nagaoka-id.ac.jp/gallery/gallery.html

[5] UNIQLO: http://www.uniqlo.com/us/

[6] Instinct: http://www.instinct.ru

[7] Image: http://www.instinct.ru/

[8] Julie Bayard: http://www.juliebayard.fr/jb.html

[9] Johnny Slack: http://www.johnnyslack.com/

[10] Created 201 Studios: http://www.created201.com/

[11] Neostream: http://www.neostream.com/

[12] WhiteVoid: http://www.whitevoid.com/application.html

[13] Миша Квакин пишет о темах для темах для блогов: http://www.design-freak.com/2008/04/20/temi-blogov/

[14] Сергей Чаботько молится на пересчет PR в Google :): http://s13.by/2008/04/23/gryadet-pereschet-pr-ot-google-ozhidayte-v-techenie-1-3-nedel/

[15] Футуриус размышляет о судьбе десткопах: http://futuri.us/2008/04/19/utopiya-ne-desktopom-edinym/

[16] меня: http://www.birzool.com

[17] Андрея WebMolota: http://webmolot.com

[18] Сергея Клейменова: mailto:shbmnk@yandex.ru

© 2007-2008. Блог Ярослава Бирзул о юзабилити веб интерфейсов.