Веб-дизайн. Каждому устройству свое представление

В ближайшее время обязательно оформлю в виде цикла статей и методы и размышления на тему.

Нет. Слышал о такой статье, но не изучал. Спасибо за ссылки прочту обязательно. Может еще что-то почерпну.

Еще раз спасибо за ссылку. В общем согласен с большинством высказанного в ней. Кроме момента, что необходимо понаблюдать за тем, что делают пользователи с мобильных устройств на сайте. Т.к. проблема заключается в том, что если мобильного представления у сайта нет, то просто следить незачем. Пользователи заходя на не оптимизированные сайты пугаются и больше уже не возвращаются.

Вывод. Думать и оптимизировать нужно сразу. А потом еще дополнительно изучать и совершенствовать.

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

Подумав и сделав один раз можно сэкономить много человекочасов своих клиентов, а они за это отблагодарят.

Конечно не для всех сайтов такие трудозатраты оправданны. Но стоит отметить, что для определенных групп сайтов очень даже целесообразно рассмотреть альтернативные девайсы. Так, например, новостной портал может получить очень много лояльных пользователей, если сделает удобный доступ к информации с эл. книг, вроде Kindle, а сайт посвященный сериалам с отдельного интерфейса для приставок, телевизоров и HD-плееров. В статье я просто рассмотрел, что такое возможно и иногда желательно, а также показал, что иногда даже банальные стили для принтеров не внедряют в сайты.

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

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

И еще раз насчет отображения как у настольных собратов. Если у кого-то есть Е-Book с браузером попробуйте зайти на Хабр. В принципе навигация вполне достойная, но прочесть ничего нельзя из-за очень маленького шрифта, т.к. разрешения там очень высокое относительно экрана и буквы получаются сильно мелкими. А решить это можно очень просто и получить благодарных читателей в метро.

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

Это как раз тема следующей статьи. Для разных устройств имеются свои методы. И для некоторых даже несколько методов. Почему я выбираю те или иные я расскажу подробней позже.

За клоакинг в бан вы не попадете. Т.к. поисковым системам вы будете скармливать тот-же код, который предназначен для браузера. А при разном представлении страница особо сильно меняться не будет, полезный контент просто обязан остаться весь на 100%, а если для мобильного вы не выведете Flash заставку или какой нибудь баннер, то за это ни один поисковик вас не накажет.

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

Вполне возможно. Т.к. рекламному агентству, как правило, нужно показать портфолио и контакты. Все остальное уже не так важно. Для этих целей ваш вариант, скорей всего и является оптимальным.

А вот сайту пицерии с возможностью онлайн заказа и доставкой в любую точку в черте города и даже на природу может быть еще нужно дать интерфейс для заказа с мобильника, чтобы клиент мог под пиво себе заказать :) Так что это нужно рассматривать в каждом отдельном случае.