- О юзабилити простыми словами - http://www.birzool.com -
Удивительные интерфейсы
Posted By Ярослав Бирзул On 23 апреля, 2008 @ 2:05 In Теория | 23 Comments
Сегодня не будет никаких исследований, выводов, и шмыводов. Сегодня мы будем любоваться на картинки, обсуждать их целесообразность. Решать стоило ли делать такие навороченные (или наоборот — слишком простые интерфейсы).
Такие встречаются преимущественно именно на flash-сайтах, которые обычно создают незаурядные люди, но не всегда с задатками ucd-специалистов. Хоть и в этой братии зачастую встречаются ОЧЕНЬ любопытные экземпляры человеческой мысли.
Дабы не лазить по всяким закоулкам глобальной сети я пошел гуглить зарубежный интернет на предмет нашей сегодняшней темы. Из того, что нашел я составил список, на мой взгляд, самых интересных и свежих GUI на flash. Fresh Flash GUI, да-да.
Каким лядом я оценивал всё это разнообразие?
• Нетривиальность лоадбара (загрузчик).
• Необычность метода навигации на главной странице.
• Интересность графических эффектов.
• Нетривиальность первого экрана (вход\выбор языка и т.д.)
• Свобода выбора – html или flash.
• Степень удобности вышеперечисленных пунктов. Разумеется на мой взгляд.
1. Фрилансер Stephane Guillot [2]
Первым в списке я представляю сайт поистине впечатляюще сделанный. Показан он в виде дома Стефана, по которому мы в роли него ходим, смотрим в почтовые ящики, читаем биографию в одежде, смотрим портфолио в виде всяческих причандал на рабочем столе (на обычном, деревянном). В общем, ходим по его дому, суя свой нос, куда не нужно. Особенно меня впечатлили музыкальные эффекты, и трюки персонажа во время возврата на главную страницу – поверьте, тут есть над чем похихикать.
PS: загляните также в «профиль» — это стол с бумажками – посмейтесь.
Лоадбар: милый ураганчик.
Навигация: очень необычно, и красиво.
Эффекты: впечатляют.
Первый экран: отсутствует.
Выбор: также нет.
Удобство: на высоте. Я ни разу не затруднился.
2. Wyse [3]
Этот сайт впечатляет не эффектами, не своей необычностью, а очень даже стильностью – сайт сделан с хорошим вкусом, и это видно во всём. К сожалению, он впечатлил меня не так как сайт Стефана, но тоже сделан добротно. Необычная навигация по главной странице с помощью мышки (кручу-верчу), кликаем на модели, смотрим информацию, и красивых девушек в красивой одежде.
Лоадбар: очень простенький, и вкусный.
Навигация: необычно, но неудобно.
Эффекты: практически отсутствуют, или почти незаметны.
Первый экран: его нет.
Выбор: тоже нет. Сплошная диктатура.
Удобство: сайт вызывает некоторые затруднения, т.к. довольно сложная навигация, на мой взгляд.
3. Nagaoka Institute of Design [4]
Сайт института дизайна должен впечатлять. И этот сайт с гордостью справляется с возложенной на него задачей – нетривиальная навигация, необычный способ предоставления информации, и вкусная графика студентов – что еще нужно для полного счастья?
Лоадбар: необычен тем, что в нем поясняется метод навигации по сайту, но недостаточно нужной информации о процессе загрузки, что удручает.
Навигация: необычно. Выполнено в виде двух рулеток, и ассоциативного ряда между ними – студент-работа. Удобно.
Эффекты: их немного, и главное, они к месту, что радует.
Первый экран: его нет.
Выбор: тоже нет.
Удобство: бесспорно удобно, но необычно. Учится не нужно.
4. UNIQLO [5]
Несколько необычный сайт, по модельного агенства, с вполне обычной одеждой. Даже не особо дорогой. Навигацию по сайту очень неприятна, из-за специального горизонтального скролла, и отсутствия какой-либо информации о товаре – только картинка. Зато на картинках красивые девушки – это плюс:)
Лоадбар: по сути его нет. Только надпись «идет загрузка».
Навигация: местами обычно, а местами не очень. Вносит сумятицу в разуме. Неудобно.
Эффекты: эффектов нет вообще.
Первый экран: есть, но с минимумом информации.
Выбор: нет.
5. Instinct [6]
Наши ребята не дремлют, и вполне могут дать фору многим флешерам зарубежья. Вообще на ум приходит только одна навязчивая мысль – что ребята из Park Studio курят, и где можно купить такую дрянь?
Лоадбар: выполнен в виде красивых спидометров с глазом.
Навигация: очень необычно – мы должны вкидывать предметы в «молотилку», а нам показывается информация о работе. Интересно, но несколько непривычно.
Эффекты: куча эффектов, особенно анимационных. К месту.
Первый экран: есть.
Выбор: нет.
Удобство: несколько неудобно, но схватить идею не сложно.
6. Julie Bayard [8]
Эта девушка – чрезвычайно талантливый дизайнер одежды, фотограф, и график. Шикарные идеи, и мысли на этом сайте встретить не проблема, а правило.
Лоадбар: сделан в виде постепенно подгрузки работ с движением влево. Очень необычно.
Навигация: интуитивно понятна, и вполне адекватна в таком сайте.
Эффекты: их немного, и все «в тему».
Первый экран: нет.
Выбор: тоже нет.
Удобство: довольно удобно.
7. Johnny Slack [9]
Очень стильный, и модный дизайнер, работы которого захватывают, а реализация портфолио просто впечатляет. Всё настолько симпатичное, и на своих местах, что на все ссылочки хочется кликнуть, и все работы посмотреть.
Лоадбар: выполнен в виде загружающегося круга. Вполне адекватный.
Навигация: всё на месте, всё к месту.
Эффекты: совсем немного.
Первый экран: нет.
Выбор: тоже нет.
Удобство: очень, и очень удобно.
8. Created 201 Studios [10]
Сайт сделан в виде «гламурного» куба, стороны которого являются разделами. Весь сайт укрыт узорами, симпатичными орнаментами в виде логотипа студии. Их работы впечатляют, а клиенты тем более.
Лоадбар: отсутствует. Понять о загрузке можно из кол-ва прозрачности кубика.
Навигация: вполне интуитивна.
Эффекты: графических эффектов немного, не сказал бы что они «к месту»
Первый экран: есть.
Выбор: нет.
Удобство: несколько неудобно, из-за того, что навигация ничем из общей композиции не выделяется.
9. Neostream [11]
Необычный сайт для людей с наклонностями садистов, которым нравится избивать непонятное существо (по-моему кот с трёмя ушами) курсором мыши (всегда мечтал), и сжигать беднягу кликая на ссылки.
Лоадбар: в наличии, вполне интуитивен.
Навигация: хорошая, без излишеств, правда есть несколько недостатков. Среди них непонятное меню.
Эффекты: графические эффекты используются в виде анимации существа, и наших над ним издевательств.
Первый экран: есть.
Выбор: нет.
Удобство: без 100 грамм не разберешься.
10. WhiteVoid [12]
Сайт сделан в виде непонятной коробки (книги?) с синими листочками, на которых есть информация. Flash использует разнообразные 3d эффекты, которые управляются с помощью нашей драгоценной уже мышки.
Лоадбар: в наличии, но не интуитивен совершенно.
Навигация: странная, я бы сказал неудобная. На пользу 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
Click here to print.
© 2007-2008. Блог Ярослава Бирзул о юзабилити веб интерфейсов.