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

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

Теория восприятия контента

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

Эксперемент

Самый простой пример – новый интерфейс Ubuntu, Unity. Мнений бесконечное множество. Но опять же, кто их пишет? Айтишники. Вот и все. Я провел мини эексперемент, взял троих, всего троих людей, далеких от IT и усадил за компьютер с тремя ОС: Mac OS X(Оригинал на PC), Windows 7, Ubuntu-Unity. Важный момент: люди не видели эти ОС, знали только XP. Потратил по 20 минут на ОС примерно и сделал вывод, что при поверхностном использовании, Unity оказалась удобнее всех из трех ОС. Но все жаловались что панель слева, справа было бы удобнее. Я повторил это еще с двумя людьми. В итоге оказалось так:

• Windows 7 – всем понравилась панель(почти док)
• Mac OS X – 1
• Ubuntu – 4

Вот если бы точно так же и действовали специалисты: по крутому дизайну, и крутому юзабилити, и UX – то интернет был бы проще!

Теория восприятия контента

А теперь продолжу о псевдо-специалистах. Они начитались всякого и учат других, и часто заигрываются и делают только хуже! Мне очень нравится DOU. Хороший ресурс, и полезный. И делали его специалисты, которые в общем-то делают отличные вещи. Новый дизайн – круто. Но это только дизайн, вернее его элементы. Чистенько аккуратненько. Но все портит идиотская компоновка. Я объясню свою позицию. Дело в том что современные дизайнеры, читая книги, не улавливают одну простую вещь: мир меняется, и тенденции обгоняют авторов книг. Некоторые посты ководства я сегодня считаю не актуальными, а когда то это было очень правильно! Так вот. Дизайнеры создавая дизайны не понимают, наверное, что есть разные мониторы. Большие и мелкие, и что совсем не удобно читать прибитую к левому краю узкую колонку. При этом сайт делали не глупые люди, отнюдь.

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

Я реально не понимаю таких дизайнов. Как по мне основной контент необходимо подавать в центре, что бы было доступно, ясно и не крутить голову в стороны что бы воспринимать основной контент. Для примера схемка 2-х клоночного сайта. Таким образом контент в центре, и на больших широкоформатных мониторах он будет нормально выглядеть. Сначала я показал типичный пример. Обертка, как правило 960-980 пикслей по центру сайта, а в ней уже контент разбит на части. Но если сдвинуть эту обертку вправо на ширину сайдбара, то мы получим нормально воспринимаемый блок с контентом, основным контентом, так как сайдбар можно считать второстепенным.

Причем есть очень много специалистов трактующие подобные DOU подходы. И считают их верными! Это потому что они сами IT, и делают подсознательно под себя. Мнение об одном юзабилити специалисте из переписки в Facebook :) Честно говоря я посмеялся от души, тем не менее, нельзя не согласиться.

Ну чувак, ну пиздец риально. И тип пишет про прототипирование и юзабилити. Хочется оторвать руки и яйца, но виновата же голова. Бездарность. Надо идти в программисты, раз нет художественного чутья. А они хуйни в интернетах начитаются, возомнят себя Якобом Нильсоном и давай ебошить. В картинной галерее ни разу в жизни не были 100 процентов. Ботаники блядь. За-е-ба-ли!!!

Вот я и решил свой сайт центрировать. Что бы люди не напрягались. Нам прогрессом дано большое количество мониторов, и соответственно разные разрешения и размеры установленного окна браузера. На меленьких, относительно, мониторах ладно, куда ни шло.. но на моем к примеру, несчастном мелком 19″ уже не приятно. Моежт уже пора JavaScript-ом определять user agent и подставлять CSS или вообще верстку под мониор? Или тем же media queries Нам прогрессом дан великий JavaScript и мощный рендер в webkit(ну и прочих там Операх). А мы досих пор клепаем сайты с непонятной навигацией, и другой подобной чушью, что в принципе не удобно и давно устарело.

К примеру вот сайт, интернет-магазин. Все круто, удобное меню, но..

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

UPD: Вот кстати как хорошо сделали навигацию в студии Лебедева(Ну наконец-то, додумались!!!) Там есть волшебная кнопочка: весь сайт. А вообще Лебедев создал мне грустное настроение сайтом Киевстара. Что бы увидеть тарифы, мне нужно было угадывать куда тыкать в меню.. а оказалось то: Главная→Частным абонентам→Абонентам предоплаченной связи.. Ну как-то не очень.

Что же касается моего сайта, то я решил пойти путем проще – лучше. Я убрал панельку-меню, и разместил на внутренних страницах знакомую до боли всем пользователям, и даже новым, иконку “Домой”. Так же на главной сразу же оповестил кратко о себе. В целом уже получил положительные отзывы о дизайне и не очень. Но тем не менее, большее количество отзывов на светлой стороне.