Проблема дизайна – это сами дизайнеры

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

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

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

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

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

Вот почему в дизайне не может быть процедурной догмы. Конечно, всегда будет существовать пуповинная связь между процессом и ремеслом. Так, есть способы делать вещи, связанные с неопровержимыми истинами о природе, материалах, времени и других аспектах Вселенной. Но дизайн – это создание желаемого будущего состояния, а не просто создание желаемого объекта. И оказывается, что лучший способ добраться из точки (A) в точку (B) зависит от того, кто туда добирается. Туда доберется лишь хороший дизайнер.

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

Источник

Обзор 20+ программ для UX-дизайнера: какую выбрать и когда

ТОП программ для понимания задачи (эмпатия)

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

1. Zoom, Skype, Slack, Teams, Почта — инструменты для вытягивания данных о проекте

2. FigJam, Miro, xMind и UX-комплект — инструменты работы с фактами и выработки стратегии

3. Google-таблицы — инструмент для создания траектории и чек-листа движения по проекту

ТОП программ для UX-исследования и анализа (эмпатия)

Результат UX-исследования – инициатива (предложение) по трансформации продуктовой экосистемы. Каждый из инструментов помогает в детализации этой инициативы. Напомню, что познакомиться с картой, которая поможет быстрее находить точки для развития приложения, вы можете в обзоре методов исследований от NNGroup.

1. Google Docs, Notion — инструменты для создания журнала движения идей

2. Google Analytics 360, OWOX BI, Amplitude — системы аналитики для количественных исследований сегментов

3. Screen Recorder, Audio Recorder, Zoom/Skype — инструменты для интервью, наблюдений и других культурных/качественных исследований в сегментах

4. Python, Retentioneering-tools, Google Sheets — расширенный набор инструментов для обработки данных

5. Системы опросов, Google-опросы и uxfeedback – инструменты для сбора дополнительные информации о предпочтениях аудитории

6. Google Docs/Google Slides, Figma, Loom – инструменты для упаковки результатов и презентации результатов UX-аналитики/UX-исследований

ТОП программ для генерации идей и разработки структуры (фокусировка)

На этапе «Эмпатия» вы погрузились в достаточный объем данных (качественных и количественных) и готовы взяться за проектирование и моделирование.

1. xMind, MindMeister, Miro — программы для структурирования информации

2. Miro, Figma — программы для создания маршрута пользователя (CJM), информационной архитектуры (IA) и шагов достижения цели в продукте (User Flow)

3. BPMN — инструменты моделирования процессов и логики работы модели продуктовой экосистемы

ТОП инструментов для проектирования, создания дизайн-концепций и прототипов (прототипирование)

Каждый из этих инструментов уже стал стандартом для работы. Вы наверняка о них уже слышали и даже применяли в работе.

1. Figma — онлайн-сервис для проектирования и дизайна интерфейсов

2. InVision Studio — софт для проектирования и дизайна интерфейсов

ТОП программ для UI-дизайна и стилизации (прототипирование)

Приложения для проработки экранов приложения и библиотеки компонентов, комбо для создания иллюстраций и знаков, а также приложения для создания 3D и анимации.

1. Figma — приложение для создания многоэкранных систем

2. Photoshop — софт для создания коллажей, уникальных графических ходов и фотоэффектов

3. Procreate — iPad-приложение для шустрого создания клевых иллюстраций

4. InVision Studio или ProtoPie, Principle, After Effects — программы для проработки анимации

ТОП инструментов для тестирования на реальных пользователях и сбора обратной связи (тестирование)

1. InVision Studio — программа для прототипирования и сбора обратной связи

2. Notion, Google Docs, Google Sheets — софт для создания и структурирования заметок

3. Google Drive — облако для материалов по проекту

В подборке полезные инструменты, которые приходятся в UX-проектах. Figma – это must-have на всех этапах.
Натренировать дополнительные навыки UX-дизайна вы можете на платформе Breezzly. На Breezzly вас обеспечат серией проектов по дизайну на основе исследований, обучат системе работы и натренируют навыкам в целом комплексе инструментов (Figma, InVision Studio, Principle и другие) — все это поможет усилить ваше портфолио. Пробуйте!

Читать полную статью:
https://ux-journal.ru/obzor-luchshih-programm-dlya-ux-dizajnera.html

Лучшие альтернативы Adobe Photoshop в 2021 году

Лучшая альтернатива Photoshop в целом

Affinity Photo, как и Photoshop, разработана для профессионалов. За Affinity вы заплатите один раз (не подписка), и его можно использовать как на настольных компьютерах, так и на iPad.
Инструмент сможет полностью заменить Photoshop: работа с неограниченным количеством слоев, различные режимы наложения и поддержка смарт-объектов. Affinity также может обрабатывать большие изображения и файлы RAW. Большая библиотека кистей, поддержка планшетов и Apple Pencil делают Affinity привлекательным как для фотографов, так и для художников.

Лучшая альтернатива Photoshop для начинающих

Luminar 4. Программное обеспечение Skylum исторически предоставляло более упрощенный и визуально простой макет по сравнению с другим ПО. Это отличный старт для новичков: не нужно тратить слишком много времени на изучение сложных методов постобработки. Luminar 4 представляет собой некоторую кривую обучения, если пользователи хотят научиться использовать слои при редактировании и повысить свои навыки.
Некоторые инструменты Luminar используют системы на базе искусственного интеллекта – например, чрезвычайно мощные инструменты AI Sky Replacement и AI Augmented Sky. Многие считают, что они даже превосходят лучшие инструменты Adobe.

Лучшая альтернатива Photoshop для MacOS

Pixelmator Pro разработан для бесшовной интеграции с macOS и его приложением Photos, а теперь также поддерживает устройства Apple M1. Инструмент предлагает редактирование на основе слоев, базовые настройки с помощью ИИ, многоканальные кривые и поддержку фотографий в формате RAW.
Он также имеет инструмент восстановления, который удаляет ненужные объекты, инструмент магнитного выделения для точного выбора объекта и полностью настраиваемое рабочее пространство со встроенными предустановками для расположения инструментов и боковой панели.

Лучшая бесплатная альтернатива Photoshop для настольных ПК

GIMP часто попадает в подборки лучших бесплатных инструментов. GIMP предлагает редактирование на основе слоев с поддержкой файлов PSD, TIFF, PNG, EXR и RGBE, а его темный интерфейс напоминает интерфейс Photoshop. В нем есть настройки цвета, инструменты выбора объектов, мощные инструменты ретуширования.
Одним из основных недостатков программы является то, что она не обязательно прививает те же стандартные привычки, которые вы получите от таких программ, как Photoshop или даже Affinity Photo, поэтому переход с GIMP на любой из них в будущем может стать проблемой.

Лучшая бесплатная альтернатива Photoshop для смартфонов

Snapseed. Хотя мы рекомендуем Adobe Photoshop как лучший выбор для смартфонов, речь идет об альтернативах Adobe, и в этом отношении сложно превзойти Snapseed. Snapseed – это мобильное приложение от Google, которое за последние годы сильно прокачалось. Инструмент может открывать файлы как в формате JPEG, так и в формате RAW, но, к сожалению, пока не поддерживает редактирование на основе слоев.
При ручном редактировании пользователи могут выполнять базовые настройки изображения, изменять перспективу или размер холста, добавлять зернистость, детализацию, виньетку, текст и многое другое.

Лучшая бесплатная альтернатива Photoshop на основе браузера

Photopea по своему пользовательскому интерфейсу очень похож на Photoshop, и его лучше всего описать как урезанную веб-версию фотошопа. Хотя профессионалы обычно не полагаются на редактирование в браузере, Photopea – вариант для тех, кому нужен быстрый доступ к более глубокому редактированию в сравнении с большинством бесплатных веб-приложений.
Photopea совместима с файлами PSD Photoshop, а также с JPEG, PNG, DNG, GIF, SVG и PDF. Файлы хранятся локально и не загружаются на сервер, что многие сочтут преимуществом. При использовании с Chromebook фотографии можно сохранять прямо на личном Google Диске. Даже если пользователи отключаются от Интернета после открытия

Источник

​​Обычный веб-дизайнер создает шаблонные сайты с помощью конструкторов. Востребованный — знает, как сделать сайт с удобным пользовательским интерфейсом и запоминающимся дизайном. Зачем быть обычным, если можно стать востребованным?

На курсе «Профессия Веб-дизайнер» в онлайн-школе дизайна Contented вы научитесь создавать сайты, которые решают задачи заказчиков и делают счастливыми пользователей. Всего за 5 месяцев вы узнаете, как:

Делать сайты с продуманным UX интерфейсом;
Анимировать интерфейсы в After Effects;
Добавлять 3D-графику с помощью Blender;
Разрабатывать интерактивные прототипы в Figma.

Куратор курса — Роман Храмов, сооснователь Cuberto — агентства года по версии Awwwards. Среди его клиентов — Яндекс, Билайн, McDonalds, Cisco, Raiffeisen. Под руководством Романа и других преподавателей — опытных практиков рынка — вы не только изучите основные инструменты веб-дизайна, но и пополните портфолио сильными работами. А в качестве дипломного проекта соберете сайт по брифу реального заказчика. 

Подробнее о программе курса: https://clc.am/MTHzrg
До 12 июля скидка 50% по промокоду PSD.

6 психологических законов для хорошего UX-дизайна

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

— Закон Якоба: выглядеть знакомо
— Закон Хика: упрощать выбор
— Закон Миллера: быть проще
— Гештальт-принципы: делайте умные группировки
— Эффект фон Ресторффа: выделяйте разумно
— Ментальные модели: не изобретайте велосипед

Читать статью: https://design-glory.com/7010/6-psihologicheskih-zakonov-dlya-horoshego-ux-dizajna

Пользовательский опыт при работе с UX

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

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

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

2. Сделайте продукт простым
Первое требование для образцового взаимодействия с пользователем – это точное соответствие потребностям клиента. Далее следуют простота и элегантность, которые создают продукты, которыми приятно пользоваться. Чтобы обеспечить высокое качество пользовательского опыта в предложениях компании, необходимо простое объединение услуг в различных областях, включая проектирование, маркетинг, графический и промышленный дизайн, а также дизайн интерфейсов.

3. Практикуйте
Пользовательский опыт (UX) – это искусство планирования дизайна продукта таким образом, чтобы взаимодействие с готовым продуктом было как можно более позитивным. Дизайн пользовательского опыта затрагивает все моменты того, как продукт или услуга воспринимаются пользователями.

4. Сделайте опыт ценным
Опыт пользователя (UX) – это то, что человек думает об использовании системы. Пользовательский опыт субъективен по своей природе, потому что он связан с производительностью, чувствами и мыслями человека о системе. Пользовательский опыт динамичен, потому что он меняется со временем по мере изменения обстоятельств. Правильный UX-дизайн должен удовлетворить потребности и ожидания.

5. Человеческий фактор
Пользовательский опыт – это то, что человек чувствует себя при взаимодействии с системой. Система может быть веб-сайтом, веб-приложением или настольным программным обеспечением и в современном контексте обычно обозначается некоторой формой взаимодействия человека с компьютером или мобильным.

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

Как добиться отличного UX?
Успешный UX-дизайн достигается путем исследования и разработки рынка, чтобы действительно понять, что делает пользовательский опыт положительным. Благодаря разработке и стратегии, отличный дизайнер UX может начать создавать безупречный опыт для каждого пользователя.

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

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

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

Источник

7 навыков, которыми обязан обладать веб-дизайнер в 2021 году

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

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

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

3. Представление о Фантастической Тройке веб-дизайна
Фантастическая тройка веб-дизайна – это HTML, CSS и JavaScript. Узнайте, что они из себя представляют и для чего используются.
Вы должны понимать их достаточно хорошо, чтобы вести разумный и аргументированный диалог. Речь не идет о знании работы фреймворков, библиотек или новейших инструментов сборки. Эти знания необходимы программистам. Вам же, важно знание строительных блоков архитектуры сайта. Чтобы, когда у вас спросят, действительно ли нужно размещать логотип компании в нижнем колонтитуле сайта, вы могли без заминок ответить и подкрепить свой ответ аргументами.

4. Создание убедительной и доступной презентации
Независимо от того, в какой области дизайна вы работаете, часто приходится презентовать свои идеи тому, кто не обладает вашими знаниями. Объясняете ли вы основы клиенту или объясняете свое решение коллеге, презентация идеи – лучший способ быть услышанным.
Презентация становится более убедительной, если исключить ненужные детали.
Часто в успешных и убедительных презентациях используется подход «меньше значит больше». Это похоже на финальный процесс работы над дизайном, когда вы удаляете все лишнее.

5. Знание стратегического SEO
SEO – это обширная сфера, в которой столько же подразделений, сколько и названий должностей в UX.
Есть несколько направлений SEO, которые обязательно нужно учитывать при создании сайта. Техническое SEO – это то, чем занимаются программисты и, если вы не программист, можете просто игнорировать это. В свою очередь контентным SEO занимаются маркетологи. А вот стратегическое SEO – это макро-взгляд на планы сайта. Каждый участник проекта должен понимать, что такое стратегическое SEO.

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

7. Умение сказать: «Нет»
Не зависимо от того, являетесь вы фрилансером или опытным штатным дизайнером, вам все равно нужно уметь отказывать.
У каждого работника существуют опасения, что, если отклонить проект или выполнение задачи, в следующий раз к нему не обратятся. Многие думают, что это приведет к плачевной ситуации, которая может грозить потерей карьеры.

Источник

Обзор 11 лучших портфолио UI-дизайнера: примеры, зачем нужно, из чего состоит

UI-портфолио — это клевый способ упаковать ваши навыки и продемонстрировать, на что вы готовы как дизайнер.

За основу материала взята и расширена статья “9 Of The Best UI Design Portfolios That Will Inspire You”. Над материалом работали: Анастасия Свеженцева и Валерия Новожилова.

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

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

Читать статью: https://ux-journal.ru/top-11-luchshih-portfolio-ui-dizajnera.html

Пользовательский опыт и психология. 7 психологических приемов, которые помогут вам создать привлекательный UX

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

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

2. Это должно быть хорошо, потому что выглядит красиво
Люди, которым не хватает технических знаний о конкретной нише технологий, судят о результате или продукте по тому, как они выглядят эстетически. Это явление называется эффектом эстетического удобства Эмоциональными факторами, которые побуждают вас сделать такие выводы, может быть что угодно, фотография, которая вам понравилась, может быть, дизайн с вашими любимыми цветами или классная анимация, которая привлекла ваше внимание.
Эстетичный дизайн, безмерно симпатичный, но нигде не видно, почему? Как бы красиво не выглядел дизайн, но дизайнерам жизненно важно поставить галочку в поле «Удобство использования», то есть простота использования, и именно поэтому такие красивые дизайны практически не применяются.

3. Я только что слышал свое имя
Вам удалось услышать свое имя в разговоре, в котором вы не участвовали?
Это психологический феномен и называется эффектом коктейльной вечеринки. Вспомните, как вы покупаете новую машину и каждый раз, когда видите, что та же самая модель проезжает мимо, вы думаете: «Почему так много людей купили эту машину после того, как я купил ее?», Это именно то, что вам нужно.

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

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

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

7. Отмена
Дизайнеры используют метод повторяющихся действий, чтобы предоставить пользователям иллюзию контроля . Дизайнеры создают эту ситуацию, чтобы пользователи поверили, что они сами держат рулевое управление. Это позволяет пользователям быть уверенными в возможности результата. Психологи подтвердили, что мы, люди, склонны тревожиться, если не можем предопределить события своего жизненного пути. Один из простейших примеров – кнопка «X» в диалоговых окнах. На самом деле, у пользователя есть только два варианта на выбор: либо отменить действие, либо нажать кнопку «ОК», чтобы продолжить. Между тем, есть еще одна кнопка «X», которая имеет те же функции, что и кнопка «Отмена», но для пользователей она переводится как «Я не уверен, поэтому я не хочу принимать решение».

Источник

7 правил хорошего инклюзивного веб-дизайна

Разрабатывая сайт, мы должны побеспокоиться о том, чтобы у пользователей не возникало сложностей, и они получали лучший опыт. Только когда взаимодействие станет наслаждением, можно считать ваш сайт успешным.
Как вам такой факт, что около 1 миллиарда человек не получают наслаждение от дизайнов? Этим людям удается перейти по ссылке и посетить сайт, но они могут не понять, какой продукт продается, или как перейти на страницу оформления заказа.
Согласно статистике Всемирного банка, в мире насчитывается 1 миллиард людей с ограниченными возможностями. Это 15% от всего населения земного шара.
Несмотря на это, в попытке создать привлекательное приложение или сайт, многие дизайнеры не берут в расчет клиентов с особенностями. Ведь если клиент прямо не скажет, что он поддерживает пользователей с ограниченными возможностями, вы можете даже о них не вспомнить.
Применение концепции инклюзивного веб-дизайна означает, что дизайнер будет приносить лучшие результаты своим клиентам. Чем больше клиентов смогут привлечь ваши клиенты, тем больше похвалы и положительных отзывов вы получите.
Итак, как сделать выбор в пользу доступности, принимая дизайнерские решения?

Читать статью: https://say-hi.me/design/web-design/7-pravil-xoroshego-inklyuzivnogo-veb-dizajna.html

​​Свежие сервисы по Figma

Figma Link Shortener!
Каждый раз, когда вы отправляете ссылку на макет заказчику, она выглядит длинной и некрасивой. Этот сервис позволяет сокращать ссылки для Figma до короткого, красивого формата.

Шорткаттер
Хотите быстрее выполнять действия в программе, но не помните горячие клавиши? Тогда эта утилита поможет вам изучить шорткаты в Figma и работать в разы быстрее.

Figma comments
Это приложение позволяет следить и отвечать на комментарии в макетах даже если вы далеко от компьютера.

Figside
Сервис позволяет быстро и качественно сверстать несложный макет из Figma.

FigmaStats
Если вы разработчик плагинов для Figma, то вам будет полезно вести статистику по его использованию и взаимодействию с ним.

Источник

9 принципов дизайна на основе 30-летнего опыта в индустрии

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

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

Содержание статьи 
Типографика имеет решающее значение
Хорошему вкусу трудно научить, а еще труднее овладеть им
Лидерство исходит изнутри
Умение писать и формулировать свое творческое мышление имеет решающее значение
Одиночество и сотрудничество нуждаются друг в друге
Не путайте дизайн с дизайнерской работой
Чем больше у вас контекста, тем более правильные решения вы принимаете
Просите за свою работу соответствующую цену
Тяжелый труд окупается

Читать статью: https://ux.pub/moi-9-printsipov-dizayna-na-osnove-30-letnego-opyta-v-industrii/

ТОП-11 основных правил композиции в веб-дизайне

Правила и лайфхаки, которые пригодятся для создания композиции в веб-дизайне. Проверено в проектах, берите на вооружение. 🔥👇

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

Содержание

Что такое композиция, какая бывает и зачем она нужна?
Лучшие практики в работы с композицией
Правило 1. Акцентируйте внимание на герое в кадре
Правило 2. Поддержите историю второстепенной графикой
Правило 3. Направляйте взгляд читателя с помощью намеков из сюжетной графики и анимации
Правило 4. Примените контраст и нюанс
Правило 5. Захватите внимание асимметрией и задайте динамику, или примените симметрию и создайте пространство для сосредоточения
Правило 6. Создайте точку фокусировки
Правило 7. Покажите действие в разгар событий на сцене исходя из истории
Правило 8. Обеспечьте узнавание и удивление с помощью ритма и графической рифмы
Правило 9. Привлеките внимание к главному с помощью свободного пространства
Правило 10. Организуйте пространство с помощью модульной сетки
Правило 11. Проверьте смыслы через гештальт-принципы
Вывод и рекомендации

Читать статью: https://ux-journal.ru/top-11-osnovnyh-pravil-kompozitsii-v-veb-dizajne-7-vas-udivit.html

Полное руководство по User Flow: как сделать, примеры и советы

User flow — это наглядное представление последовательности действий, которые выполняет пользователь для достижения значимой для себя цели на сайте или в приложении. Может охватывать как какую-то отдельную функцию, так и весь продукт. Рассказываем на примерах, как построить карту и с помощью каких инструментов это удобнее сделать. 👩‍💻👇
Фактически концепцию потока в UX-дизайне впервые предложил психолог Михай Чиксентмихайи. Поток (англ. flow) — это психическое состояние, в котором человек полностью включён в то, чем он занимается, что характеризуется деятельным сосредоточением, полным вовлечением в процесс деятельности. Поэтому при проектировании User Flow мы будем опираться на эти фундаментальные концепции психологии восприятия.

Руководство призвано помочь вам сориентироваться в любом User Flow, независимо от формата, контекста и целей.

Содержание:

Что такое User Flow и для чего он нужен?
Инструкция по разработке User Flow
Что важно учесть при построении User Flow
Что еще нужно знать: связь User flow Map и User Story Mapping
Пример User Flow мобильного приложения
Пример User Flow для веб-сайта и веб-приложения
Вывод и рекомендация

Читать статью: https://ux-journal.ru/polnoe-rukovodstvo-po-user-flow-kak-sdelat-primery-i-sovety.html

Болевые точки в клиентском опыте: Три уровня

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

UX-профессионалы стремятся создать непрерывный CX, который будет выполнять поставленные пользователями задачи максимально эффективно. С этой целью мы проводим исследования пользователей, чтобы понять потребности и определить проблемы наших клиентов. Мы обычно называем эти проблемы болевыми точками – помехами в клиентском опыте использования продукта или услуги. Словосочетание «клиентский опыт» имеет решающее значение для определения болевой точки. Мы уже определяли, что клиентский опыт охватываеть три уровня: уровень взаимодействия, уровень флоу и уровень отношений. Болевой точкой может оказаться проблема на любом из них – она ​​может быть связана с конкретным взаимодействием с интерфейсом (в таком случае это называется проблемой юзабилити), с флоу, когда у клиента не получается достичь цели, или с долгосрочным опытом взаимодействия клиента с компанией.

Читать статью: https://design-glory.com/7063/tri-urovnya-bolevyh-tochek-v-ux

Как успешно сдать дизайн заказчику

Итак, вы получили вкусный заказ, Заказчик кажется потрясающе адекватным (даже не отправляет по 5 голосовых в минуту), вы понимаете, как быстро выполнить заказ, и уже даже прикинули, куда потратить денежку...Однако, спустя время что-то пошло не так…

1. Очевидное - заключайте договор и получайте деньги частями

Без договора - вы примерно всегда неправы. Ваши слова будут истрактованы неверно, а оставшихся денег, если вы не используете 100% предоплату, вы не получите примерно никогда. К слову, даже если предоплата получена, у Заказчика всегда есть шанс подать на “необоснованное обогащение” и еще парочку веселых статей, и дальше уже вам придется доказывать, что деньги получены не случайно, что вы выполнили всю работу и так далее.

Составить договор относительно просто - обратиться к недорогому юристу или надрать шаблонов студий и с их помощью скомпилировать результат. Работать можно от лица самозанятого, ИП или через безопасную сделку какой-нибудь биржи.
Сдавать работу и принимать оплату лучше частями, например: 20% за ТЗ по брифу, 30% за прототип, 15% за итоговую концепцию главной, 35% после сдачи остатка. После сдачи части работы - обязательно подписывайте акт приемки-передачи.

2. Неочевидное - записывайте все диалоги
Один раз договора не хватило. Заказчик почти месяц под разными предлогами настаивал, что я должна предоставить ему 3 дизайна всех страниц (!) вместо одного, хотя в диалоге по телефону обсуждались исключительно 3 концепции. Потерь нервов и времени можно было бы избежать, если бы я тогда записывала все диалоги, чего и вам советую.

3. Очевидное - заполняйте и утверждайте бриф
Как оказалось, многие из коллег, особенно на простых услугах, до сих пор минимально брифуют клиента по телефону или посредством переписки, не предоставляют клиенту “под подпись” конечный вариант брифа и начинают работу. Часто это заканчивается фатально - Заказчик недоволен, остаток средств вы не получаете, работа уходит в никуда. Вывод простой: опросили заказчика - составили бриф, получили финальное “да”, предоплату - и только потом начинаете действовать.
Если бриф финализировать не удалось - лучше даже не начинать работу.


4. Неочевидное - брифа почти всегда мало.
Бриф - хороший документ для начала. Кроме брифа на дизайн сайта, по-хорошему, нужны:
Референсы, примеры того, что нравится или не нравится, и самое главное - почему! Как минимум по 2-3 примера по каждой части. Удивительно, но далеко не у всех в брифах это есть.
Прототипы и CJM, если их делаете не вы.
Цель создания сайта, максимально приближенные конкуренты.
Пожелания по стилю/стилистике, по тем же сайтам можно назвать как минимум 12 стилистик, из которых может выбрать заказчик.

5. Очевидное - обсудите в чем будете сдавать макеты
Не раз мне на голубом глазу Заказчик сообщал что ему нужен только дизайн, верстальщик у него есть, хотя на самом деле ему нужен был Тильда-сайт. Как-то раз это выяснилось в процессе, и было крайне неудобно отказываться от выполнения после того, как 70% проекта сделано.

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

7. Очевидное - подготовьте макеты для верстки
Тут просто - разложите все по полочкам, чтобы верстальщику было удобно.

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


Источник

20 советов из книги «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов»

1. Сократите количество шагов, которые включает в себя процесс оформления заказа. Совет настолько же очевидный, насколько и неоднозначный. Казалось бы, логично – чем больше действий нужно совершить, чтобы оформить заказ, тем больше риск отказа. В действительности всё несколько сложнее, уверены авторы книги: если покупатель нашёл действительно необходимую ему вещь, он оформит заказ, сколько бы времени не пришлось на это потратить. И наоборот – известны случаи, когда владелец сайта сокращал количество шагов до одного-двух, но отказов при этом меньше не становилось. Так что прежде чем уменьшать количество шагов, стоит попробовать один из способов, описанных далее.
2. На каждую страницу оформления заказа добавьте «индикатор прогресса» (например, шаг 2 из 5). На самом деле, не принципиально, сколько шагов должен выполнить покупатель; гораздо важнее, чтобы он каждый раз понимал, на каком этапе оформления заказа находится.

+ Чётко обозначьте задачу, которую выполняет пользователь на каждом этапе; обеспечьте ему возможность при необходимости сделать пару шагов назад, а затем легко вернуться к достигнутой ступени.
3. Ссылка на страницу с описанием товара всегда должна быть на виду. Это нужно, чтобы покупатель в любой момент мог быстро проверить, то ли он купил, что хотел. Лучше всего поместить эту ссылку в корзину вместе с наименованием товара.
4. Показывайте на странице корзины изображения товаров. Небольшое изображение выбранного товара, добавленное в корзину, способно увеличить коэффициент конверсии на 10%.
5. Как можно раньше сообщите покупателю стоимость доставки. Общая стоимость покупки – один из самых важных вопросов для покупателя, и чем раньше вы на него ответите, тем лучше. Лучше всего поместить предположительную стоимость доставки рядом с наименованием товара в каталоге.
+ Не заставляйте пользователя несколько раз вводить один и тот же адрес. Лучше спросите, совпадают ли адреса плательщика и получателя, и если ответ положительный – заполните соответствующие поля за него.
6. Указывайте наличие товара на странице с его описанием. Если товара нет на складе – покупателю лучше узнать об этом до того, как он приступит к оформлению заказа.
+ Полезно также указывать предположительное время доставки, например, «Обычно на доставку уходит Х дней».
7. Подскажите посетителю, какую кнопку или ссылку нужно нажать. Пусть кнопка «Следующий шаг» или «Продолжить» будет самым заметным элементом на странице.
8. У покупателя должна быть возможность отредактировать корзину. Предоставьте покупателям удобные средства редактирования корзины. Пусть они без труда смогут изменить расцветку или размер товара, добавить или убрать его из корзины.
9. Помогите исправить ошибку и возьмите вину на себя. Если при оформлении заказа пользователь ввёл не все данные или заполнил какие-то поля неправильно, в сообщении об ошибке чётко и понятно объясните, что и где именно нужно исправить. Преподнесите это так, будто ваша система виновата, что не смогла понять полученные данные, а не пользователь допустил нелепую ошибку.
10. Укрепите уверенность покупателей, что они имеют дело с реально существующей компанией. На этапе оформления заказа клиентам особенно важно убедиться в вашей надёжности. Предоставьте им информацию, подтверждающую реальность вашей фирмы, добавьте на страницу заказа свои телефоны и все необходимые контакты.
По книге Брайана и Джеффри Айзенберг «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов»

Источник: https://vc.ru/design/227878-20-sovetov-iz-knigi-dobavte-v-korzinu-klyuchevye-principy-povysheniya-konversii-veb-saytov

20 советов из книги «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов». Часть 2

11. Предложите сделать заказ по телефону. Если у посетителя возникли сложности при оформлении заказа или он опасается вводить на сайте номер кредитной карты – пусть позвонит по телефону. Выделите для этого отдельную линию. Особо недоверчивым дайте возможность заполнить бланк заказа вручную и выслать вам фото или скан.
12. Обеспечьте удобство новым покупателям. Сделайте процесс оформления заказа максимально простым для пользователей, которые решили воспользоваться вашими услугами впервые. Зарегистрированные клиенты так или иначе найдут способ попасть в свой аккаунт; но для нового покупателя слишком сложная регистрация станет препятствием на пути к покупке.
13. Продумайте политику скидок. Определитесь, где и как стоит предлагать скидки и бонусы. Не стоит рассказывать новому клиенту об акции, рассчитанной только на давних покупателей – так информация о скидке вместо удовольствия вызовет досаду, а это не способствует продажам.
14. Смело заявляйте о реальных преимуществах. Если вы продаёте продукцию отличного качества по цене ниже средней, вполне можно позволить себе заявление: «Если найдёте товар дешевле, мы ещё снизим цену».
15. Обеспечьте покупателю как можно больше вариантов оплаты: по карте, чеком, через платёжные системы или другим доступным способом.

16. Поддержите покупателя в точке действия. Предоставьте клиенту максимум необходимой информации там, где он принимает решение о покупке. Добавьте ссылки на страницы с гарантийными обязательствами, отзывами других покупателей, правилами возврата и обмена товаров, а также условиями сервисного обслуживания. Пусть страница подгружается в новой вкладке или открывается во всплывающем окне.
17. Подкрепляйте уверенность клиента везде, где это необходимо. Когда пользователь вводит личные данные, укажите, что сохраните их в строгом секрете. В том месте, где покупателя заинтересует стоимость доставки, предоставьте конкретные цифры. А когда он захочет узнать о ваших гарантиях, дайте понять, что без проблем обменяете товар или вернёте деньги.
18. Отслеживайте ошибки. Разработайте систему, которая будет сообщать вам об ошибках, возникающих при оформлении заказа. Это поможет оперативно выявлять и устранять проблемы, снижающие конверсию.
19. Сохраняйте текущее состояние корзины. Покупатели нередко покидают сайт, оставив товары в корзине, но ведь кто-то из них может и вернуться. Когда пользователь покидает сайт, предложите ему сохранить текущее состояние корзины. Можно сообщить в электронном письме о том, что в корзине остались товары, которые будут ждать его возвращения.
20. Если ничего не помогает, задайте вопрос напрямую. Когда посетитель покидает сайт, оставив заполненную корзину, попросите его указать причину. Дайте пользователю бонус за ответ или продумайте другой стимул, чтобы он захотел ответить на ваш вопрос.
***

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

Источник: https://vc.ru/design/228489-20-sovetov-iz-knigi-dobavte-v-korzinu-klyuchevye-principy-povysheniya-konversii-veb-saytov-chast-2

Измените свой дизайн для глобальной аудитории: исследование кросс-культурного UX-дизайн

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

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

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

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

Читать статью: https://ux.pub/izmenite-svoy-dizayn-dlya-globalnoy-auditorii-issledovanie-kross-kulturnogo-ux-dizayn/

Что на самом деле означает простой дизайн? Правильный подход к созданию UI-kit для iOS

Простой дизайн – это клише. Мы все делаем вид, что стремимся к простому дизайну. Это звучит так же, как фраза: «Сделай мир лучше!» из сериала «Silicon Valley». Подобно эпитетам «минималистичный» и «ясный», кажется, что просто написав эти заезженные слова, мы повысим ценность дизайна. Но что означает простой дизайн? Думаю, что каждый человек понимает это по-своему.
То же самое и с понятием красивый. Как мы можем определить, что прекрасно? Есть некая волшебная формула?

Читать статью: https://ux.pub/chto-na-samom-dele-oznachaet-prostoy-dizayn-pravilnyy-podhod-k-sozdaniyu-ui-kit-dlya-ios/