Статистика для дизайнеров: как расшифровать данные

Если вы только подключились, то советую прочитать первую часть статьи.

statistics2 Статистика для дизайнеров: как расшифровать данные

Дизайнеры воспринимают статистику иначе чем маркетологи или сеошники. Итак, на что следует обратить внимание?

Ниже я дам расшифровку некоторых статистических данных, которые можно найти в Гугл Аналитике.

Стоит помнить, что все относительно. Если посетители, к примеру, проводят очень много времени на одной странице это может означать что им очень интересно, либо что они не могут решить какую то важную для них задачу. It depends. 

Поэтому прежде чем приступать к анализу — подумайте какие цели стоят перед вашим интерфейсом. Читать дальше →

Статистика для дизайнеров: введение и типы статистики

statistics 1 Статистика для дизайнеров: введение и типы статистики

Статистика измеряет поведение ваших пользователей. Что они делают? Как долго происходит действие? Сколько раз? И много других вопросов.

Статистика всегда объективна

Статистика собирается компьютерами и люди (обычно) не могут на нее влиять. Такие данные имеют совсем небольшую степень погрешности и могут рассказать о том, как посетитель пришел на ваш сайт или какое у него разрешение монитора.

Поэтому статистика никогда не врет.

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

О пользе и вреде перфекционизма

Каждый технарь (а дизайнеры — это технари) в глубине души жуткий перфекционист. Невыровненные надписи на кнопках снятся в страшных кошмарах, заставляя на утро проверять макет. Что уж говорить о макетах, однажды мне лень было выбросить коробку из под нового УПСа, но как только я заметил кривой кернинг и выравнивание — коробка тут же исчезла в ближайшей мусорке.

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

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

Читать дальше →

Тренды веб-дизайна 2013−2014

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

flat Тренды веб дизайна 2013−2014

Флэт-дизайн и его элементы

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

К флэт-элементам я также отношу и такие тренды как:

  • Опостылевший лонг-шедоу (long shadow) или эффект длинной тени, который довольно часто можно увидеть на иконках
  • Простые цветовые схемы. Мода сделала очередной виток и теперь снова актуальны спокойные неоновые (я бы даже сказал «ретро») цвета.
  • Метро-стиль. Относится сюда же хоть он и считается отдельным направлением.

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

Читать дальше →

Как улучшить любой интерфейс: поля ввода текста

inputs Как улучшить любой интерфейс: поля ввода текста

Казалось бы в дизайне полей ввода нет ничего сложного: рисуй пустые прямоугольники для ввода данных, все остальное пользователь сделает сам. Однако все не так просто. По объему статьи видно, что правил и особенностей довольно много. Пользователя нужно аккуратно «провести за ручку», все показать, объяснить и помочь. Тогда и только тогда мы сможем получить от него желанные данные. Ну что ж, летс старт!

7+ правил полей ввода

Самое основное правило, как и везде, ставьте себя на место посетителя. Все ли понятно? Можно ли с первого взгляда осознать что нужно ввести в поле? Адекватно ли реагирует поле  на введенную информацию?

Читать дальше →

Как улучшить любой интерфейс: радиобаттоны

radiobuttons Как улучшить любой интерфейс: радиобаттоны

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

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

Читать дальше →

Как улучшить любой интерфейс: чекбоксы

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

checkbox Как улучшить любой интерфейс: чекбоксы

 Чекбоксы

checkbox2 Как улучшить любой интерфейс: чекбоксы Чекбоксы (checkboxes) — изначально создавались как элементы группового выбора. Т.е. предназначались для обозначения какой-то группы из элементов для последующих групповых действий с ними.

gmail Как улучшить любой интерфейс: чекбоксы

Хорошие и настоящие чекбоксы есть в Gmail

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

Читать дальше →

Как улучшить любой интерфейс: выпадающие списки

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

dropdown pre Как улучшить любой интерфейс: выпадающие списки

Выпадающие списки

Выпадающие списки или дропдауны (dropdown) — один из самых неудобных и неэффективных элементов интерфейса. Но несмотря на это, их продолжают применять во всех местах интерфейса. «Почему?» — спросите вы. Ответ прост: дропдауны экономят пространство и помогают спрятать большие списки (вне зависимости насколько это нужно было делать).

Читать дальше →

Лайфхак со вторым монитором

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

 

second monitor Лайфхак со вторым монитором

Зачем дизайнеру второй монитор?

  • Удобно работать с правками. Обычно на одном мониторе я открываю список правок, на втором уже фигачу дизайн.
  • Два монитора часто используются, чтобы сравнить два варианта решения одной дизайнерской задачи.
  • Концентрация внимания. Например, мне нужно написать важное письмо. Я убираю все отвлекающее от почты на другой монитор. Или например, скайп и твиттер открыты у меня на втором мониторе и они совершенно не отвлекают от работы на первом.
  • Источник вдохновения. На втором мониторе можно смотреть референсы и вдохновляющие примеры прямо не отрываясь от работы.
  • Бывает я переворачиваю второй монитор в портретную ориентацию. Так очень удобно серфить интернет, читать статьи и просматривать получившийся дизайн.

Читать дальше →

Два типа книг

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

Два типа книг

Книги бывают полезные и не очень. Все полезные книги я разделяю на 2 типа:

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

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

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

В комментариях предлагаю делиться примерами любимых книг обоих типов.

Подписывайтесь на рассылку!
  • Апдейты о новых статьях

  • Доступ к секретному контенту

  • Возможность задать вопрос

Введите почту и будьте в курсе