Перевод статьи: 35 Lessons in 35 Years
http://ryanfreitas.tumblr.com/post/968361763/35-lessons-in-35-years (англ.)

Ваши вопросы Вы можете направить автору:
http://ryanfreitas.tumblr.com/ask

Я не профессиональный переводчик и не могу знать о статусе:
«white trash ballin», а поэтому буду благодарен любым корректировкам.

Наша Компания ENAZA вот уже 3 года занимается продажей цифрового контента (игры, музыка, видео, софт, Антивирусы) в Интернете. Работаем с крупными Интернет провайдерами, уже более 1 млн пользователей Интернет каждый месяц покупают игры, видео, софт, антивирусы на наших порталах turbodom.ru, shop.hitv.ru.

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

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

Motion typography (kinetic typography) — в переводе означает «Кинетическая типографика». И так, что же такое это самое «motion typography»?

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

Преступление #1: В формах метки не связаны с полями ввода

Использование атрибута «for» позволит пользователям кликать по метке, для выбора соответствующего поля формы. Это особенно важно для чекбоксов и радиокнопок — увеличить область клика.

qTip

qTip — это бесплатный плагин для jQuery для создания подсказок (tooltip). Данный плагин кроссбраузерный, имеет обширные возможности к настройке и содержит множество функций, таких как: закругленные углы без применения изображений, speech bubbles (изображение речи как в комиксах), а так же эффекты — fade (постепенное исчезновение изображения), slide и возможность создания собственных эффектов. Данный плагин уже включает пять готовых тем, но можно создавать свои темы без особых усилий. Кроме того можно создавать окна диалогов, изменять цвет фона подсказки и места, где она отображается.

Скачать | Демо

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

Вкратце

#comments .c .c
{
margin-left: 20px;
}

#comments .c .c .c .c .c .c .c .c .c .c .c
{
margin-left: 0px;
}


Немного подробней

Иногда можно и не считать вложенность комментариев на сервере да не присваивать им свои классы типа indent_1, indent_2, indent_3 и так далее.

Речь пойдёт о Document Type Definition (или DTD, <!DOCTYPE ...> короче говоря).
На пути к совсем семантической вёрстке, нам понадобится DTD или же стандарт XML Schema. В данной статье я рассмотрю первое и покажу, как с помощью 2 строк и одного CSS-стиля сделать кроссбраузерный, W3-валидный документ с использованием собственного тэга — <rur>
Разобравшись с изложенным мною методом, любой может создавать валидные документы с использованием собственных тэгов, которые могут не только сделать макет документа более гибким, но и более семантически-правильным, логичным и понятным, как для роботов, так и для людей, которые будут заниматься дальнейшей его поддержкой.

Вот всю жизнь так. Страшно, потом кайф от преодоления страха, а в конце как-то и не удобно :-)
Внимание, в ролике очень не цензурно.

Дизайн — оригинальная профессия. Здесь, как нигде больше, допустимо множественное решение поставленной задачи (может быть еще в философии, но там много не заработаешь:). Даже откинув варианты, возникающие «по вине заказчика» (вкусовщина, неверно поставленная задача, профанация) или «по вине исполнителя» (показушный креатив), дизайнер все-равно окажется перед выбором из нескольких вариантов. Не всегда есть возможность досконально изучить рынок, для которого создается дизайн-работа, либо элементарно может не хватить опыта или знания трендов. Автор статьи никогда не относился с негативом к пожеланию заказчика сделать несколько вариантов дизайна. Можно долго оговаривать условия задачи, уточнять бриф, проводить аналитику (безусловно, это важнейшие этапы), но пока заказчик не увидит набросок решения, он не скажет, соответствует это его ожиданиям (и ожиданиям рынка) или нет. По сути, дизайнер-профессионал должен прощупать почву, прежде, чем ринуться в бой и сделать готовый макет. Это экономит его время и время заказчика.

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

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

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

В прошлых статьях (1, 2) я показал как антидизайн — применение законов дизайна для извлечения выгоды нечестным путем — может приводить к созданию лжи, манипуляций общественным мнением, созданию целых «индустрий-кровососов», кормящихся за счет усложнения нашей жизни.

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

1. Механические препятствия

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

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



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

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

Не забудьте почитать:
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1. (или здесь)
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 2. (или здесь)

В заключительной части статьи, автор поведует нам о том, как сделать дизайн уникальным и, в то же время, простым и утонченным.

05. Сдержанность и деликатность

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

Не забудьте почитать: Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1. (или здесь).

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

03. Хорошо продуманная типографика

Хотя реальные тексты для сайта будет писать не дизайнер, они играют такую же важную роль, как и общее качество контента. Дизайнер должен потрудиться, чтобы тексты легко читались и удерживали внимание. Существует множество способов сделать текст легко читаемым и приятным глазу. По мере перечисления правил и норм того, что следует и чего не следует делать, я приведу несколько примеров сайтов, где рациональная типографика действительно работает.

Несколько выдающихся примеров и рекомендаций по созданию качественного дизайна веб-страницы или блога



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

Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.

В рамках сообщества UX Russia я была докладчиком на 20ом вебинаре: «Проведение фокус-групп». Этот старый метод маркетинговых исследований с успехом используется при исследовании будущих пользователей продукта, который вы собираетесь разработать.

Видеозапись вебинара


Презентация, использованная на вебинаре

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

Во вложении четыре части, у кого диалап — можно не заходить :):)

Создавая контент, мы всегда стараемся использовать более подходящий шрифт и стили для оформления. Мы живем в 21 веке и обилие этих самых стилей и шрифтов заставляет нас задуматься — «А нет ли удобных онлайн инструментов которые облегчат нам жизнь?». Конечно же есть и их много! Вот о некоторых из них здесь и пойдет речь.

Если ты создаёшь сайт-портфолио, то у тебя несколько причин: ты фрилансер — и тебе нужно показать людям что ты умеешь и как это умеешь, или ты студент (или безработный) — и ты ищишь через сайт потенциальных работодателей, или ты работаешь в отделе крупной компании — и вы создаёте корпоративный блог о жизни компании и показываете что делает ваша компания — не важно кто ты, главное что через сайт-портфолио к тебе обратятся люди (за помощью или для того, чтобы дать тебе работу).

1. Логотип

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

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