Удивительные интерфейсы
Сегодня не будет никаких исследований, выводов, и шмыводов. Сегодня мы будем любоваться на картинки, обсуждать их целесообразность. Решать стоило ли делать такие навороченные (или наоборот — слишком простые интерфейсы).
Такие встречаются преимущественно именно на 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 (верстка), и Сергея Клейменова (создание темы из верстки). И да — это не флаг.
Телефон: +38 (091) 314-60-04,
E-mail и Jabber: dezmaster@gmail.com,
Skype: dezmaster,
icq: 486914
Я лично (кхе-кхе) эволюционировал от восторгов и любви к флэшу до неприязни. Но я — плохой пример. Паранойя, опять же, эмоциональное восприятие всего...
Вообще же хорошо, даже очень хорошо. Всё, кроме жёлтенького, развесёлого...
Обзор приятный, пункты. Очень чисто и понятно всё. И критериев выборки нет. Радуешь, одним словом.
За баги, когда сайдбар разъезжается в ИЕ мы не виноваты. Это все картинки, которые не помещаются в контентную область (есть на некоторых записях)
А так да, хорошая подборка. Neostream порадовал особенно.
«...о темах для темах для блогов». апупеть завернуто. ))
вот тут увидел:
Тем временем:
1. Миша Квакин пишет о темах для темах для блогов.
2. Сергей Чаботько молится на пересчет PR в Google :)
3. Футуриус размышляет о судьбе десткопах.
sancho, знаю, так задумано :) Привлекает внимание, правда?
Stephane Guillot — для саморекламы — самое то. Зачет!
Instinct — Действительно дурь очень качественная. Причем походу без неё они вообще уже жить не могут. Так как работы хоть и по спокойнее, но многие ролики логикой не блещут.
www.johnnyslack.com — очень сильно порадовал. Мне кажется лучше из представленных. Красиво, стильно, очень удобно! Честно говоря первый флеш-вебсайт который мне действительно понравился из всего что я когда либо видел. Таким должны быть промо flash сайты.
Хороший обзор. Но, к сожалению возможности перейти на html-версию ни у одного из сайтов нету. Может подкинуть им идейку такую?! Я бы с такими сайтами поработал :)
Поздравляю с обновлением дизайна, правда древовидных комментариев пока нету :)
Артём, и врядли появятся, пока я не найду адекватный плагин полностью древовидных комментариев, с более чем десятковой вложенностью, а не так как было раньше :)
попробуйте интерфейс от realpro :) www.realpro.ru
ixpict, а что в нем особенного? :)
PS: Да, студия мне понравилась, особенно символ гитлера )) Вот только назвать этот сайт необычным, меня не тянет.
спасибо за ссылки ;)))
меня не только сайт Instinct порадовал... но их рекламные ролики ))))
очень смешные ;) просто классные ;)
Автору,
Хотел бы вас придержать от столь дерзких высказываний в адрес сайта UNIQLO.
Вы говорите там нет эффектов. Эффекты бывают разные по природе. Что вы имели ввиду под этим словом?
Можно наворотить флеш эффектами от АфтеЭфектса можно отрендерить кучу моделей на тридемаксе, но нужно еще понимать такой элемент как программная сложность, и грамотность написания кода. Так сказать красивость кода, эстетика кода свойственная творческому человеку, которую обычные люди не видят.
Нельзя все время судить со стороны только лишь пользователя. Это чревато. Вы же не хотите чтобы все системы были написаны под малограмотный народ который в состоянии творчества мало когда прибывал, вы как творческий человек(а я надеюсь что это так), должны замечать также и красивости внутренней реализации проекта.
У данного бренда UNIQLO есть еще и другие сайты в которых сделаны весьма оригинальные ПРОГРАММНЫЕ элементы и не учитывать это можно только по двум причинам:
1. Нежелание признать очевидное
2. Неспособность увидеть этого.
НА счет второго пункта, советую посмотреть коротенький фрагмент фильма «Кроличья нора»:
rutube.ru/tracks/607447.h...934bcdb1d8914eb1
Максим, где вы раскопали «резкие» высказывания? Никакой резкости не было. Я лишь отметил неприятную для меня навигацию.
Во-первых: Я не профессионал в flash, и несколько раз об этом написал. Поэтому мне глубоко плевать на программную часть, я просто посетитель, и, по совместительству дизайнер интерфейсов, которому было там банально неуютно. Я исследовал интерфейсы, а не flash-сайты.
Во-вторых: Я не сужу по количеству эффектов о качестве сайта. Вы же взяли это за аксиому.
Рекомендую вам ничего не смотреть, а просто читать статьи до конца и вдумчиво, а не выхватывать слова из контекста. Этим вы проявили неуважение к моим словам, и ко мне лично.
«Поэтому мне глубоко плевать на программную часть, я просто посетитель»
Вот это то и суть вся ) могли бы даже эту статью не писать,
а просто назначить нам эту формулу — «насрать как сделано и сколько
труда вложено главное чтоб прыгало и бегало и удобно жмакалось»
Это типичный подход обывателя.
«вы проявили неуважение к моим словам, и ко мне лично.»
Знаете эту статью куда проще сделать чем расмотренные сайты,
поэтому кто должен говорить об уважении?
Да особенно вот это понравилось :))
Лоадбар:
Навигация:
Эффекты:
Первый экран:
Выбор:
Удобство:
Мож ещё живопись будем по шаблону оценивать или музыку?
Что это так людей тянет на упрощение, проблема нашего времени
шаблонство и поточность, индивидуальности уже нет места
Вы мне напоминаете ребёнка который открыл доклад по нейросетям и
закрыл сказав «фу , тут картинок нет»
Volter, еще раз объясните мне: как программная часть (замечательно, если она сделана хорошо, и её не видно) влияет на удобство пользования сайтом, и как должен был оценивать качество кода дизайнер?
Тут проблема как и в любом прикладном искусстве что нужно выбирать
или функциональность или идея.
т.е. самобытность и идейность обычно всегда не на пользу удобству.
теже автомобили если брать, очень многое дизайнеру приходиться выбрасывать
из за стандартов индустрии.
Хороший код это одно из стредств чтоб подружить эти вечно спорящие полюсы
практика VS идея.
Потом Вы пишите «дизайнер» — флеш это как раз тот пример редкий когда эта грань
стирается между кодером и дизайнером.
Допустим делаю я вращение курсором 3д обьекта отрендереного
и кто я? дизайнер или кодер, или 3д-шник?
Само собой можно и распределить обязанности , но это уже не то будет.
Т.к. очень много тонкостей которые можно сделать зная и дизайн и скрипт одновременно.
если честно когда я вижу неудобный интерфейс, но сам сайт стоящий и идейный
то я невоспринимаю это как неудобство — а как часть идеи, как «закон жанра»
Вон в Солярисе пол фильма показывают катание машинок,и волны океана
как бы если смотреть практически лишняя пустота,
тянут время.
А если с уважением к режисеру, попытаться понять, втянуться
в его самобытность то эти паузы и пустота становятся частью
общей картины.
Volter, я согласен с вашей последней мыслью. Но одновременно, вы должны понимать, что если я не профессионал (и даже не любитель) в программировании, кодинге, то с моей стороны было бы глупо оценивать код. Поэтому я даже не буду пытаться, чтобы не выставить себя на посмешище среди профессионалов.
Как дизайнер — я оцениваю результат. Т.е. общую композицию, внешний вид, удобство навигации, переходов по страницам и многое другое. У программиста же другие критерии оценки, и я не говорю, что они хуже.
Привет спамерам! Этот блог защищен плагином Parasite Eliminator, спамить его бесполезно.
Больше всего понравились Фрилансер Stephane Guillot, Johnny Slack и Created 201 Studios, очень креативный подход к созданию flash сайтов