Если вы начинающий или младший дизайнер, и вы собираетесь создать свой первый мобильный проект, вот несколько советов о том, что следует учитывать при разработке вашего мобильного дизайна для обеих платформ. Вспомните на секунду приложения на вашем первом смартфоне еще в 2009 году. Скейломорфные значки, кнопки с градиентом и фоновые текстуры? Помните темные фоны и яркую типографику на телефонах Android? Я уверен, что вы ощущаете разницу между дизайном мобильных приложений в 2009 и 2017 годах. Но можете ли…

Введение в основы ТВ-интерфейса Подавляющее большинство потребителей в наши дни обрезают шнур платного телевидения, но это не значит, что они отказываются от большого экрана, чтобы потреблять контент. Согласно результатам, опубликованным изданием Nielsen, 92% взрослых американцев все еще смотрят контент на телевизоре. Это впечатляющий результат.

Я никогда не был великим рассказчиком. Весь мой род состоит из не очень-то хороших рассказчиков. Мой папа когда-то пытался рассказать нам шутку; одну из тех сюжетных шуток с отсрочкой, которая часто стоит внимания. Он продолжал делать паузы в течение длительных периодов времени, напрягая мозг, чтоб верно её рассказать. Я видел, как шестерёнки поворачиваются у него в голове: «Так, что дальше?». Наконец, настало время для самого смешного, и он сделал паузу, которая, казалось, затянулась на много минут. К тому…

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

Широко известно, что проектирование для нескольких размеров экрана является одним из ключевых факторов в современной разработке. Мобильные устройства уже давно нельзя игнорировать, так как все больше людей используют их для выхода в сеть. Учитывая этот факт, становится ясным, что компании должны переделывать и адаптировать свои сайты. Но тут встаёт интересный вопрос - что выбрать, адаптивный или отзывчивый дизайн? Какой больше подойдёт вашему сайту? Адаптивный против отзывчивого веб-дизайна Я полагаю, что…

Часто я замечал, что разработчикам UX не хватает четких определений проблем до начала процесса проектирования UX. Конечно, мы проводим стандартное исследование и проверку существующей системы, но даже при этих условиях все еще кажется, что нам нужно «копать» еще глубже, чтобы получить полную картину. Именно так я чувствовал себя во время работы над моим последним проектом - редизайном модуля в приложении, который называется OLM.

Вступление HSB - аббревиатура от Hue (тон), Saturation (насыщенность) и Brightness (яркость). Возможно, вы знаете, что существует более старая альтернатива, цветовая модель HSL. Она очень похожа на HSB, но больше не является частью Photoshop. Вы можете загрузить фильтр с сайта Adobe, чтобы иметь возможность конвертировать между RGB, HSB и HSL. Однако невозможно узнать значения HSL на панели «Информация» или установить слайдеры HSL на панели «Цвет». По этой причине я пользуюсь только HSB. Одно важное замечание…

Сегодня мы хотим дать несколько советов, которые помогут сделать ваши вайрфреймы, потоки и паттерны полезными - и, надеюсь, восхитительными. Итак, давайте начнем с «контрольного списка» атрибутов и компонентов UX: Файлы Sitemap и пользовательские потоки помогают нам понять и оптимизировать структуру и навигацию на сайте, и если в UX есть какое-либо правило, применимое на этом этапе, это правило, безусловно, применимо и здесь: «Не усложняй!» Когда мы представим карту сайта или пользовательский поток визуально…

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

Мы рассказывали о том, как паттерны и гештальт могут помочь нам в разработке интерфейсов, которые будет легко понять. Сегодня мы хотим рассказать о том, как подойти к разработке поведения этих шаблонов, обычно это называют дизайном взаимодействия или IxD. Есть несколько разных наборов критерий, которые могут помочь нам понять, что делает взаимодействие хорошим: Юзабилити Юзабилити определенно является одним из наших любимых терминов. В целом, оно должно оставаться в центре всего, что мы делаем как дизайнеры…

Представьте, что у вас есть проект, и вам нужно создать для него цветовую палитру. Возможно, вы захотите протестировать сразу несколько палитр, но сделать это вы хотите быстро. Вы можете скачать файл Sketch, который я создал, и вставлять туда свои цвета, чтоб было быстрее и удобней. Как это работает? Сделайте свою панель настроек (например, Pinterest). Выберите одну или несколько фотографий. Загрузите каждую фотографию в Adobe Color CC и получите пять цветовых палитр. Откройте скачанный файл Sketch, перейдите…

Изображения - будь то большие изображения или миниатюры - стали неотъемлемой частью современного веб-дизайна. В частности, когда компании описывают сложную тему или объясняют свои мысли на страницах, таких как домашняя страница или страница «Как это работает», обычно приходится видеть фрагмент описательного текста, сопровождаемый ассоциированным изображением, а затем ниже снова следует пара текст-изображение и так далее. Традиционный шаблон (который мы называем выровненным макетом) отображает информацию построчно.…

Один из читателей поделился с нами тем, что его компания рассматривает возможность перехода на все строчные буквы на своем сайте и спрашивает, есть ли какие-либо исследования, подтверждающие превосходство строчного текста. Его случай не уникален; на самом деле, это является симптомом более масштабной тенденции дизайна к «упрощенным» шрифтам, которая включает в себя тонкие и маленькие буквы. Ярким примером является шрифт, используемый в более новых версиях iOS от Apple. Эта тенденция происходит от всё более…

Термин «изометрический» является одним из самых неправильных слов в индустрии дизайна. Мы склонны называть каждый не перспективный трехмерный рисунок «изометрическим». Одним из недавних примеров псевдоизометрических работ является старый логотип Medium, используемый с 2015 по 2017 год. Он был спроектирован на параллельной (аксонометрической) сетке, но он вообще не изометричен. В этой статье я собираюсь объяснить различия между изометрическими и другими типами перспектив. Изобразительные иллюстрации Возможность…

Исполнитель делает набросок новой домашней страницы на салфетке. Дизайнер остаётся на работе допоздна и вечером добавляет новую функцию, которая, по его мнению, будет крутой. Или менеджер продукта настаивает на каком-то дизайнерском решении, которое использует конкурент. Если эти сценарии вам знакомы, вы не одиноки. Большинство дизайнеров получают такую «помощь» хотя бы изредка. Ваша первая инстинктивная реакция может быть простым и прямолинейным ответом "нет". Но если подобное предложение исходит от заказчика…

В приведенном ниже списке содержатся наиболее распространенные методы и техники, используемые дизайнерами UX, они помогают создавать отличные впечатления у пользователей. Ценностное предложение Заявление, в котором перечислены ключевые аспекты продукта: что это такое и как он будет использоваться. Ценностное предложение помогает команде создавать консенсус относительно того, что будет с продуктом. Стратегическое предложение Value Canvas: Стратегия продукта Стратегия продукта является планом и основой его…

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