Удивительные интерфейсы Распечатать

Автор: Ярослав Бирзул \ Опубликовано 23 апреля 2008 года в категории Полезные заметки \

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

intio.jpg

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7. Johnny Slack

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

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

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

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

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

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

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

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

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

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

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

Похоже заметки



12 ответов в статье «Удивительные интерфейсы»

Миша Квакин пишет нам 23 апреля, 2008 в 2:18

Я лично (кхе-кхе) эволюционировал от восторгов и любви к флэшу до неприязни. Но я — плохой пример. Паранойя, опять же, эмоциональное восприятие всего…

Вообще же хорошо, даже очень хорошо. Всё, кроме жёлтенького, развесёлого…

Обзор приятный, пункты. Очень чисто и понятно всё. И критериев выборки нет. Радуешь, одним словом.

Сергей Клейменов пишет нам 23 апреля, 2008 в 2:34

За баги, когда сайдбар разъезжается в ИЕ мы не виноваты. Это все картинки, которые не помещаются в контентную область (есть на некоторых записях)

А так да, хорошая подборка. Neostream порадовал особенно.

sancho пишет нам 23 апреля, 2008 в 2:38

“…о темах для темах для блогов”. апупеть завернуто. ))

sancho пишет нам 23 апреля, 2008 в 2:40

вот тут увидел:

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

Ярослав Бирзул пишет нам 23 апреля, 2008 в 2:43

sancho, знаю, так задумано :) Привлекает внимание, правда?

dev пишет нам 23 апреля, 2008 в 2:59

Stephane Guillot - для саморекламы - самое то. Зачет!
Instinct - Действительно дурь очень качественная. Причем походу без неё они вообще уже жить не могут. Так как работы хоть и по спокойнее, но многие ролики логикой не блещут.
http://www.johnnyslack.com/ - очень сильно порадовал. Мне кажется лучше из представленных. Красиво, стильно, очень удобно! Честно говоря первый флеш-вебсайт который мне действительно понравился из всего что я когда либо видел. Таким должны быть промо flash сайты.

webmolot пишет нам 23 апреля, 2008 в 3:18

Хороший обзор. Но, к сожалению возможности перейти на html-версию ни у одного из сайтов нету. Может подкинуть им идейку такую?! Я бы с такими сайтами поработал :)

Артём Курапов пишет нам 24 апреля, 2008 в 1:57

Поздравляю с обновлением дизайна, правда древовидных комментариев пока нету :)

Ярослав Бирзул пишет нам 24 апреля, 2008 в 10:18

Артём, и врядли появятся, пока я не найду адекватный плагин полностью древовидных комментариев, с более чем десятковой вложенностью, а не так как было раньше :)

ixpict пишет нам 15 мая, 2008 в 12:34

попробуйте интерфейс от realpro :) http://www.realpro.ru

Ярослав Бирзул пишет нам 15 мая, 2008 в 5:24

ixpict, а что в нем особенного? :)

PS: Да, студия мне понравилась, особенно символ гитлера )) Вот только назвать этот сайт необычным, меня не тянет.

fayona пишет нам 15 мая, 2008 в 6:08

спасибо за ссылки ;)))
меня не только сайт Instinct порадовал.. но их рекламные ролики ))))
очень смешные ;) просто классные ;)

Комментируйте