…чем повесть о Ромео и Джульетте 🙂
Думаю, вы поняли, о каком сайте идет спич.
Вот если бы у Вас спросили: «У какого из всемирно известных сайтов самый ужасный дизайн?», Вы бы что ответили?
Не спорю. Есть сайты и похуже, например, вот этот глазосшибательный уголок интернета.
Однако из самых посещаемых это сайт, на котором…, как нигде больше, содержание преобладает над формой.
Оно не просто преобладает, оно раздавило форму. 🙂
И это — наша любимая Википедия (да, та самая, на которую часто натыкаешься первым пунктом в поисковой выдаче, и которой Павел Дуров не так давно пожертвовал миллион долларов).
Как вы знаете, Википедия сейчас — это всемирный аккумулятор знаний, всемирная энциклопедия, некоммерческий проект, в который каждый может внести свою лепту. И этой идеей (спасибо Джимми Уэйлсу), действительно, остается только восхищаться.
А вот ребята из Литвы не стали останавливаться только на восхищении и решили «переопределить» Википедию, предложив миру проект Wikipedia Redefined (англ. redefine — переопределять, пересматривать, изменять).
Они провели два весенних месяца в поисках того, как сделать Википедию лучше, красивее, удобнее, дружелюбнее к читателям и редакторам, понятнее и эстетически привлекательнее.
Теперь держите глаз востро — перед вами пример профессионального редизайна сайта с подробным описанием.
Бренд.
Итак, начали они, конечно же, с логотипа «мир — это пазл знаний» (the world is a puzzle of knowledge).
…и решили убрать в нем только… все, кроме…
…буквы W, которая так знаменита в этих краях 🙂 Они посчитали, что W достаточно для того, чтобы распознать Википедию.
Составное слово wiki-pedia по шрифтовой гамме разделить на курсив (italic) и нормальный (regular).
И таким образом получить целое семейство значков для различных вики-проектов: викисловарь, викицитатник, викитека и так далее. Значков с буквой W.
И все названия вики-элементов также половиной в курсиве, половиной в регуляре. Зато главное слово каждого проекта выделяется на фоне остального.
И даже можно без приставки wiki-
Вместе вики-элементы создают динамическую систему:
А может быть зонтик?
Нет, все-таки Созвездие Викимедиа (WikiMedia). Или кластер (cluster).
Кластер, в котором элементы, один из них — Википедия, имеют множество связей между собой.
Сайт Википедии.
Сейчас главная страница сайта Википедии — это поле с высокой ссылочной урожайностью 🙂 особенно разных языков. И где-то там, в глубине этого поля, кроется мммааааленький, мааааленький поиск.
Получается, что языки превалируют над поиском.
Команда проекта Wikipedia Redefined предложила противоположные пропорции. Вот он — профессиональный подход к дизайну сайтов.
И в самом сердце страницы они поставили сиять огромный новый логотип Википедии.
А внизу страницы — логотипы смежных проектов: викиновости, викицитатник и т.д.
Тонкий разноцветный заголовок сайта в виде полоски отображает в реальном времени количество статей на том или ином языке.
Например, полоска красного цвета говорит нам о том, что в данную секунду в Википедии 1 907 000 статей на немецком языке. Естественно, что длина цветной полоски пропорционально зависит от длины всей линии, т.е. от размера всей Википедии.
Если навести на правый верхний угол сайта, то развернется широкий выбор языков.
Если вам, например, захочется быстро перейти на другой вики-проект, то достаточно всего лишь нажать на него в футере…
…и страница перезагрузится в том же дизайне, только с другим логотипом и контентом.
В основном у человека, оказавшегося в Википедии, есть две цели: он либо читает, либо пишет/редактирует статьи.
Функцию чтения команда Wikipedia Redefined назвала Research (англ. — исследование, изучение, изыскание), а функцию редактирования — Edit (англ. — редактировать).
При чтении страницы Новой Википедии, в верхней ее части есть несколько опций.
На вкладке «История» отображаются статьи, которые вы когда-либо смотрели в Википедии. Для того чтобы видеть эту вкладку необходимо «залогиниться» .
Если щелкнуть на «Истории», можно использовать еще и дополнительное меню: добавить статью в избранное, порыться в том, что уже когда-то читал, и даже экспортировать и сохранить себе на компьютер.
Если нажать на кнопку «Просмотреть» (Review), покажутся «почтенные» статьи в хронологическом порядке.
Вкладка «Выделить» (Quote) служит фломастером при чтении (вот это вообще было бы очень полезной штукой).
Очень удобный инструмент для выделения самого главного в статье. Прямо как с бумажными носителями.
И сохранить это все на потом, как мы любим 🙂
Вкладка «Связи» (Connect) показывает другой УГОЛ зрения в прямом смысле 🙂
Она показывает информацию в виде облака тегов (слов) и место, где мы сейчас находимся, читая конкретную статью.
Разработчики решили оставить вкладки «Поделиться» (Share) и «Распечатать» (Print) не меняя.
В сегодняшней Википедии сам редактор статьи — это нечто, весьма «отдаленно», напоминающее хаос 🙂 Требующее не дюжее терпение и… преданности. 🙂
В «передуманной» Википедии разработчики все расставили по местам настолько, что, думаю, каждому захотелось бы теперь править и писать статьи, только ради того, чтобы попробовать новый интерфейс редактора «на вкус».
Кроме того, статью можно править в режиме «Live», т.е. в живую, в реальном времени.
И тут же видеть результат работы.
Правка фото и графики.
Также легко править, как и саму статью.
Правка статьи в режиме «Код» остается такой же, как и была…
…только в более понятном виде. 🙂
Песочница (Sandbox) и История (History) остаются без изменений.
Также меняется дизайн Заглавной страницы Википедии (т.е. страницы, на которую попадаешь с главной, выбрав один из языков).
Футер сильно выделен по сравнению с остальной частью, чтобы помочь посетителю легко «навигировать» на соседние вики-проекты.
На вкладке «Дисциплины» предметы распределены в палитре радуги, как когда-то языки….
На вкладке «Мир» можно увидеть…, как это ни странно, мир. 🙂 В виде карты, которая объединит, все кусочки карт, приведенных в статьях по всей Википедии.
Классное получилось совмещение функций Google-карт и энциклопедии. Можно «приближаться» и «удаляться» и, вообще, ездить мышью по всей карте. 🙂
Понравилась статья? Оставляйте свои мысли в комментариях внизу и не забудьте поделиться с друзьями, нажав на одну из кнопок ниже.
6 февраля 2013 в 1:08
Не совсем понял, почему описанные сайты ужасные, но тот разноцветный глазосшибательный — это действительно редкость.
13 февраля 2013 в 18:19
Олег, потому что есть сайты с гораздо лучшим дизайном и юзабилити.
А Википедия, не то, чтобы с ужасным дизайном, у нее его просто почти нет))
И в статье как ужасный описан только один сайт — Википедия, не «сайты» (не учитывая «глазосшибательный»).
Благодарю за Ваш комментарий)