Львиная доля запросов в поисковиках начинается со слов “Как [сделать что-то]”. Редко когда сразу получается найти адекватное решение. В лучшем случае придется проанализировать содержимое пары десятков ресурсов на тему. Когда же набираешь “Что такое [нечто]” одной из первых ссылок попадаешь на Википедию. Целью проекта является создание ресурса, который будет агрегировать ответы на вопросы “как делать”.
В настоящее время в сети существуют сотни сервисов, которые позволяют делиться разного рода контентом. Так SlideShare позволяет публиковать презентации, Flickr фото, YouTube видео. Подобным образом Life Patterns позволит публиковать паттерны решений тех или иных вопросов.
Простым удобным способом крутой бордер сможет поделиться с новичками нюансами выбора снаряжения, заядлый путешественник расскажет, как самостоятельно спланировать маршрут и забронировать отель, а заядлый собачник даст совет, как не попасть впросак при покупке породистого дога.
Вместо плоского списка в текстовом редакторе носителю знаний понадобится оформить набор простых слайдов и указать зависимости между ними, после чего паттерн станет доступен:
a) по прямой ссылке на сайте Life Patterns
b) в форме виджета для страницы (форума, блога)
c) в виде публикации в таймлайне Facebook
d) посредством мобильного приложения.
Такую инструкцию будет проще читать, ею легко будет поделиться, она будет отличаться определенной интерактивностью.
Подробное описание сервиса прикреплено отдельным документом..
Нужно реализовать в дизайне:
1. Домашняя страница
2. Страница категории / результатов поиска
3. Страница паттерна
4. Виджет
5. Базовый набор слайдов
5.1. Текст. Просто текстовый слайд (300 символов)
5.2. Текст + изображение. Текст, а под ним уменьшенное, если нужно, изображение
5.3. Текст + карта с маршрутом или метками. Текст а под ним гугло-карты с метками или маршрутами
5.4. Текст + видео. Текст, а под ним видеоролик c Youtube
5.5. Текст + список из вариантов. Это один из ключевых типов слайдов. Посредством слайдов этого типа будет производиться ветвление структуры паттерна. Слайд должен выглядеть как текст (например: “Для каких целей вам автомобиль?”) + список вариантов на выбор (например: 1. Ездить по городу 2. Ездить по бездорожью 3. Ездить по городу и бездорожью). При выборе одного из вариантов пользователь перемещается на соответствующий слайд.
5.6. Текст + контактная информация (реклама)
На что следует обратить внимание:
1. Очень приветствуется минимализм.
2. Среди прочих равных будет выбран дизайн в стиле Metro.
3. Виджет должен максимально органично вписываться в любую страницу с любым дизайном.
4. Язык сайта: английский
---------------- UPDATE ------------------
Получив пару вариантов дизайна понял, что нужно акцентироваться на некоторых вещах. Перечислю чего нужно придерживаться работая над дизайном этого сайта:
1. Работая над дизайном придерживайтесь брифа (если вы не заметили, то в самом низу ссылка на файл с описанием сервиса). В брифе описано ровно то, что нужно и ровно на тех страницах, на которых нужно. Просто берете перечисление элементов страниц и реализуете их по списку в дизайне.
2. Мне нужен минималистичный, простой, воздушный дизайн реализованный "с нуля". Мне не нужен сайт на базе одного из популярных шаблонов. Метро-стиль я указал не случайно - это самый простой способ решить поставленную задачу. Мне не нужен гламурный дизайн с модным бэкграундом и сложными бордерами. Мне нужны грамотно упакованные, грамотных цветов и грамотных размеров квадратные плитки, тексты, пиктограмы и простецкие кнопки (я даже шрифт вам подскажу - Segoe WP и ему подобные). На последней странице прикрепленного к брифу файла есть набросок - примерно в эту сторону нужно двигаться. Windows 8 выйдет в сентябре и будет на половину в метро-стиле - сейчас самое время набивать руку.
3. Главная страница не является ключевой. Ключевыми являются страница с паттерном (виджетом), сам виджет и набор типовых слайдов. С них и стоит начинать, судить буду по ним.
P.S. на этом ресурсе можно почитать и посмотреть про дизайн метро-приложений для Windows 8
http://msdn.microsoft.com/en-us/library/windows/apps/hh779072.aspx . Представьте, что нам нужно что-то подобное, только заточенное под серфинг браузером. Тут еще хорошие примеры
http://msdn.microsoft.com/en-us/library/windows/apps/hh770549.aspx . Тут даже какие-то шаблоны предлагают скачать -
http://msdn.microsoft.com/en-us/library/ff637515(v=vs.92).aspx . Видео -
http://msdn.microsoft.com/en-us/library/windows/apps/hh464920(v=VS.85).aspx .
---------------- UPDATE 2 ------------------
В документе, прикрепленном к брифу, на стр. 9-14 появилось более подробное описание сервиса и перечислены изменения в требованиях. Там же можно найти замечания к вариантам #9 и #11, которые на момент написания этого апдейта находятся ближе всего к тому, что нужно.
Черпать вдохновение требуется из дизайна интерфейса Windows Phone 7 и Windows 8 Metro-style apps, а так же сайтов http://create.msdn.com/en-US/ и http://www.windowsphone.com/ru-RU/marketplace .
Не обращая внимания на анимацию переходов неплохая инструкция получилась у этих ребят http://w-o-s.ru/visual/gerasichev/index.html
В прилагаемом документе на последней странице есть моя попытка "не дизайнера" реализовать другой сайт в стиле метро, может тоже даст понять что нужно. :)