Об этом сайте – почему он такой

ux, Блог, Дизайн

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

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

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

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

Эксперемент

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

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

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

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

Вот немного о центрировании контента. Почему справа место гуляет, а слева все впритык?

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

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

Вот так было..

Вот как это выглядит в грубых очертаниях.

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

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

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

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

Плохое меню

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

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

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

Вот так было..

Вот так было..

Вот так было..

Так есть сейчас

Иконка Домой

Так есть сейчас