Как создавать гипотезы в продуктовом дизайне: пошаговое руководство

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

Коротко:
РЕЗУЛЬТАТ: Опишите идеальное конечное состояние. Какой идеальный мир вы хотите создать, воплотив в жизнь свой продукт или услугу? Что увидите, когда это будет сделано?
ПРЕПЯТСТВИЯ: Что по вашему мнению или согласно исследованиям, препятствует достижению результата? То есть, почему мир еще не такой, каким вы хотите его видеть?
АЛЬТЕРНАТИВЫ: Какие новые способы мы можем попробовать, чтобы преодолеть эти препятствия?
ГИПОТЕЗЫ: сделайте прогноз, основанный на каждой альтернативе в пункте 3, который утверждает, что изменение произойдет с показателями, которые вы обозначили в нем и в пункте 1 (ваш результат).
НУЛЕВАЯ ГИПОТЕЗА: Напишите контраргумент своей первой гипотезе. Если ваша гипотеза утверждала, что что-то произойдет, замените «будет» на «не будет». Спроектируйте свой эксперимент, чтобы опровергнуть это утверждение.
ПРИОРИТЕТ: примените к своим гипотезам инструмент отображения неопределенности, чтобы определить их приоритетность.
ДИЗАЙН ЭКСПЕРИМЕНТА: Давайте поговорим об этом в другой раз, мне повезло, что вы дочитали до этого места.

Читать полностью: https://ux.pub/kak-sozdavat-gipotezy-v-produktovom-dizayne-poshagovoe-rukovodstvo/

Топ-5 грубых ошибок в UX-райтинге, которых следует избегать

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

Текст – неотъемлемая часть контента. Он важен для SEO, лояльности, имиджа компании и авторитета бренда. Более того, иногда от коротких фраз зависят очень важные вещи: откажется ли пользователь добавить товар в корзину; какой будет коэффициент конверсии; мнение пользователя о компании; впечатление от взаимодействия с сайтом. За это отвечает текст на кнопках и всплывающих окнах. Им нельзя пренебрегать. Вот почему возник UX-райтинг. Как и дизайн, он ориентируется на пользовательский опыт и стремится его улучшить. Слова могут влюбить клиента в компанию. Или наоборот – оттолкнуть его в последний момент. Дальше мы расскажем вам об ошибках в написании UX-текстов, устраняя которые, вы увеличиваете количество довольных клиентов.

Читать: https://design-glory.com/?p=8213

Разработка наилучшего возможного решения

У большинства проблем нет единого решения.
А есть много возможных решений. 

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

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

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

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

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

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

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

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

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

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

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

Источник

Оптимизация работы дизайнера

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

Содержание статьи
Производительность, как акт творчества
Производительность, как проявление профессиональной личности
Производительность, как взаимодействие
Производительность, как наставничество
Производительность, как путешествие
Рекомендованная литература

Коротко:

Советы, когда думать о производительности, как о творческом действии
Если вас что-то не устраивает, не показывайте этого. Практически невозможно защитить то, во что вы не верите сами.
Как говорит мой папа: «Составьте план и работайте по нему». Ничего страшного, если план изменится, но всегда есть план для начала работы.
Придерживайтесь процесса, пока не поймете результат. Не отказывайтесь от выбранного способа работы, пока не убедитесь, что он не работает.
Доверьтесь магии. Дайте шанс тому, чего вы не ожидали. Результаты могут вас удивить.

Советы, если вы думаете о производительности, как о проявлении личности
Когда дело доходит до вашей рабочей жизни, будьте самим собой, но осознавайте себя. Худшее, что вы можете сделать – это быть фальшивым. Но не менее ужасно вести себя несдержанно и бестактно.
Быть лучшим в своей работе гораздо важнее, чем быть «крутым».
Будьте скромными, настоящими и всегда ведите себя прилично.
Не ввязывайтесь в конфликты. Мелкие конфликты и бахвальство никогда не приведут к продуктивным результатам.

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

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

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

Читать полностью: https://ux.pub/optimizatsiya-raboty-dizaynera/

Как работать в Figma быстрее: 10 профессиональных советов

Совет 1: С легкостью создавайте Squircles Вы знаете форму значков приложений iOS? Это не стандартные прямоугольники с закругленными углами. Это Squircles («круглые прямоугольники»). Такой тип формы становится все более популярным в UI-дизайне. Я даже назвал эту тенденцию сквирклеморфизмом. Вы когда-нибудь задумывались, как создать такую форму в Figma? Это безумно просто. Взгляните: Перейдите к настройкам радиуса на правой панели и выберите параметр для отображения отдельных углов. Теперь щелкните на значок меню, и вы заметите возможность создания радиуса squircles-формы. Формы, подобные iOS, даже сразу отмечены на селекторе.

Совет 2: Введите название цвета вместо HEX Я предпочитаю использовать системы HSB или HSL для выбора цвета. Однако у Figma есть забавная скрытая особенность. Введите имя цвета во входных данных, где обычно отображается шестнадцатеричное значение. Вот пример результата: Эта функция приносит массу удовольствия во время дизайна. Мне любопытно, найдете ли вы какие-нибудь еще удивительные имена цветов!

Совет 3: Самый быстрый способ переименовать фреймы в Figma Вы, наверное, переименуете фреймы, выбрав тот, который хотите изменить, и использовав сочетанием клавиш «CMD + R». Однако вы также можете дважды щелкнуть по названию фрейма… и вы готовы его обновить. Так интуитивно понятно!

Совет 4: Адаптируйте размер текстового слоя к содержимому Если вы хотите изменить размер текстового слоя так, чтобы он имел ту же ширину, что и его содержимое, есть действительно быстрый способ. Просто дважды щелкните по правому краю слоя и увидите, как происходит волшебство!

Совет 5: Игнорируйте ограничения при изменении размера фрейма Когда я начал свое путешествие в Figma, изменение размера фреймов меня разочаровало. Все элементы расширялись или сворачивались при изменении размера их родительского фрейма. Однако я быстро нашел решение. Перетаскивая край фрейма для изменения размера, удерживайте клавишу «CMD». Так ограничения будут игнорироваться, а вы сможете свободно изменять ширину или высоту фрейма. Элементы внутри останутся нетронутыми.

Совет 6: Превью элементов в режиме контура Режим контура полезен, если вы хотите убедиться, что структура компонента или кадра выполнена правильно. Такой вид идеален, когда вам нужно увидеть точность компоновки и размещения элементов. Нажмите CMD + Y, чтобы активировать режим контура. А чтобы выключить его, просто нажмите на ярлык еще раз. Максимально просто!

Совет 7: Копируйте и вставляйте эффекты Иногда не хочется создавать общий стиль, а просто хочется скопировать внешний вид определенного эффекта. Чтобы скопировать эффект или стиль в Figma, щелкните по краю строки с параметром. После этого скопируйте с помощью CMD + C, а затем выберите целевой слой и нажмите CMD + V. Вуаля! Эти уловки сэкономили мне много времени. Надеюсь, ваш рабочий процесс они тоже ускорят.

Совет 8: Группируйте с помощью фреймов Если вы хотите сгруппировать элементы внутри фрейма, а не только стандартную группу. Используйте ярлык «CMD + OPTION + G». Почему фреймы вместо стандартных групп? Их можно быстро превратить в компоненты, использовать auto layout и т. д. С ними у вас есть намного больше возможностей!

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

Совет 10: Переключатели в вариантах Обычно варианты компонентов отображаются в виде раскрывающихся списков в конкретном экземпляре. Если вы хотите, чтобы они выглядели как переключатели (с которыми взаимодействовать еще быстрее), вы можете устроить это для вариантов с двумя свойствами. Просто назовите один «Yes», «True» или «On», а второй – «No», «False» или «Off». Переключатель появится автоматически!


Источник

​​29 инструментов и сайтов для дизайнера

1. Веб-портал Эрика Берначчи По этому сайту весело даже просто побродить: здесь есть куча забавных мини-игр, генератор мемов, конструктор барабанных битов, синтезатор и много других развлечений

2. Cofolios собрано всё, что связано со стажировками: портфолио, статьи, вакансии, разборы кейсов и т. д.

3. В ShareKit проще простого настроить изображение для предварительного просмотра, прикреплённое к ссылке.

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

5.  Startup Jobs. Здесь собраны вакансии на самые разные должности, в основном в известных технологических стартапах.

6.  Mesh Gradients -100 бесплатных градиентов.

7. POSE — лучший из инструментов для создания анатомически верных иллюстраций тела

8. Brand Colors — это огромная коллекция брендовых цветов всех известных компаний

9. Let’s Enhance — революционный инструмент, который позволяет увеличивать любое изображение во много раз (до 16) без потери качества.

10. Beyond UI — детище дизайнера Павло Санчеса, визуальное эссе об интерфейсах, капитализме, правительстве и обывателях.

11. Figma Templates, Более десятка бесплатных шаблонов сделают ваш рабочий процесс эффективнее

12. Remove.bg позволяет одним кликом мышки убрать фон изображения

13. В Whimsical можно сделать прототип, карту пути пользователя или навигацию — он всегда со мной.

14. Fluid Simulation — это не то чтобы инструмент, а, скорее, просто сайт, на котором можно зависнуть надолго экспериментируя с многочисленными настройками и наблюдая, как это влияет на цветовые пятна.

15. Бреннон Леман — невероятно талантливый и эксцентричный художник.

16. Beeple Crap — о одни из самых впечатляющих работ в 3D

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

18. SVG Backgrounds — крайне увлекательный сайт, на котором можно создавать различные фоны (как из простых цветов, так и с геометрическими узорами).

19. Picular — это поисковик, в который вы можете ввести, скажем, слово “фрукт” и на выходе получить мозаику цветов, относящихся к введённому термину.

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

21. Emojione  это сайт с хорошими наборами иконок, стикеров, анимаций и т. д.

22. Rotato.  Это самый простой инструмент, позволяющий быстро и профессионально делать UI-мокапы.

23. Interns.design — это современный портал для тех, кто ищет стажировку в сфере дизайна.

24. Blush — это сайт с иллюстрациями, где можно целиком собрать персонажа: из десятков вариантов выбрать волосы, модель брюк, тон кожи и многое другое.

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

26. Tabler Icons — это коллекция из более чем 850 настраиваемых контурных иконок.

27. Hallway Chat — это расширение от Slack, которое позволяет устраивать 10-минутные онлайн-встречи с коллегами.

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

29. Система материального дизайна от Google предлагает огромное количество полезных инструментов, ресурсов, шпаргалок, руководств и т. д.

Источник

Лидерство без менеджмента: расширение карьеры в области продуктового дизайна

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

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

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

Содержание статьи 
Параллельные карьерные пути
Чем занимаются в Intercom отдельные дизайн-лидеры?
Поле деятельности
Обязанности
Компетенция
Стратегия и видение
Автономия
Лидерство
Делайте то, что любите

Читать статью: https://ux.pub/liderstvo-bez-menedzhmenta-rasshirenie-karery-v-oblasti-produktovogo-dizayna/

Каким законам UX-дизайна следуют крупные приложения

Эффект эстетики-юзабилити
Пользователи часто воспринимают эстетичный дизайн как более удобный.

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

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

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

Закон Фиттса
Время достижения цели зависит от расстояния до цели и ее размера.

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

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

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

Эффект Зейгарник
Люди запоминают незавершенные или прерванные задачи лучше, чем завершенные.

Эффект цели-градиента: тенденция достижения цели возрастает по мере приближения к ней.

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

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

Эффект последовательной позиции: у пользователей есть склонность лучше запоминать первый и последний элементы в серии.

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

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

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

Источник

20 правил для улучшения визуализации данных

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

Содержание статьи 
1. Выберите правильный тип диаграммы
2. Используйте правильные направления построения графика на основе положительных и отрицательных значений
3. Всегда начинайте гистограмму с нулевого базового уровня
4. Используйте для линейных диаграмм адаптивную шкалу оси Y
5. При использовании линейного графика учитывайте временной ряд
6. Не используйте «сглаженные» линейные диаграммы
7. Избегайте путаницы с двумя осями
8.Ограничьте количество секторов, отображаемых на круговой диаграмме
9. Нанесите метку прямо на диаграмму
10. Не наносите метки на сегменты
11. Упорядочите сегменты для более быстрого сканирования
12. Избегайте рандомности
13. Тонкие кольцевые диаграммы невозможно читать
14. Пусть данные говорят сами за себя
15. Выберите цветовую палитру, соответствующую характеру ваших данных
16. Проектируйте для доступности
17. Сосредоточьтесь на удобочитаемости
18. Используйте горизонтальную гистограмму вместо повернутых меток
19. Выберите библиотеку диаграмм
20. Не ограничивайтесь статическими отчетами
Рекомендованная литература

Читать: https://ux.pub/20-pravil-dlya-uluchsheniya-dizayna-vizualizatsii-dannyh/

Как сделать иллюстрации в дизайне маркетинговым инструментом

Как иллюстрации делают бренд уникальным, узнаваемым и любимым пользователями?

Многие люди страдают от устаревших стереотипов, полагая, что иллюстрация относится исключительно к сфере искусства и не имеет ничего общего с бизнесом. (Расскажите об этом Warner Brothers или Walt Disney Studios!) Этот архаичный взгляд сдерживает вашу компанию и делает ее менее прибыльной, потому что сегодня цифровая иллюстрация – это бизнес.
Итак, давайте развеем эти вредные заблуждения. Иллюстрация – это маркетинговый инструмент, каким бы красивым и милым он ни выглядел. Его цель – продвигать бизнес, предоставлять информацию и привлекать людей.

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

Содержание статьи 
1. Брендинг
Эффективный визуальный маркетинг
Иллюстрированный логотип
Маскот
Бренд-менеджмент
2. Рекламные кампании
Баннеры
Полиграфическая продукция
Сувениры
3. Онлайн присутствие
Представление компании
Представление продуктов или услуг
Социальные сети и списки рассылки
4. Дизайн упаковки

Читать статью: https://ux.pub/kak-sdelat-illyustratsii-v-dizayne-marketingovym-instrumentom/

История дизайна. Почему гиперссылки синие?

Интернет прочно вошел во все сферы нашей жизни, но есть один аспект цифрового мира, который мы считаем само собой разумеющимся. Вы когда-нибудь замечали, что многие ссылки, особенно гиперссылки, синего цвета? Когда коллега спросил меня, почему ссылки синие, я не знал, что ответить. Как дизайнер пользовательского интерфейса, который создает веб-сайты с 2001 года, я всегда делал ссылки синими. Да, я выступал за определенный оттенок синего и за последовательное применение синего, но я никогда не задавался вопросом, почему ссылки синие? Я просто воспринимал это, как факт. Трава зеленая, а гиперссылки синие. В культурном отношении мы так сильно ассоциируем ссылки с синим цветом, что в 2016 году, когда Google изменил цвет ссылок на черный, это произвело ошеломляющий эффект.

Но теперь я полностью поглощен вопросом: ПОЧЕМУ ссылки синие? КТО решил сделать их такими? КОГДА было принято это решение и КАК оно смогло оказать такое долгосрочное влияние?

Я обратился к своим коллегам с просьбой помочь мне в этом исследовании, и мы начали искать ответ. В браузере Mosaic, выпущенном Марком Андреессеном и Эриком Биной ​​23 января 1993 года, были синие гиперссылки. Чтобы по-настоящему понять происхождение и эволюцию гиперссылок, я совершил путешествие по интерфейсам и истории технологий, чтобы изучить, как оформлялись ссылки до эры цветных мониторов и как быстро развивались интерфейсы и гиперссылки с их появлением.

Содержание статьи 
Предки синей гиперссылки
Так кто же сделал ссылки синими
Кто это сделал первым?
Что было после синей ссылки?
Так почему гиперссылки синие?
Рапсодия в цвете #0000FF

Читать: https://ux.pub/istoriya-dizayna-pochemu-giperssylki-sinie/

Почему в Figma стоит использовать фреймы, а не группы

Разбираем различия между фреймами и группами и причину, по которой фреймы намного мощнее.

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

Содержание статьи

Группы vs фреймы
Суперсилы фреймов
1) Независимое изменение размера
2) Применение стилей
3) Содержимое, выходящее за края
4) Изменение размера с ограничениями
5) Изменение размера с помощью auto layout
6) Разметки и сетки
7) Создание компонентов
Фрейм-челлендж
Советы, как быстро создавать фреймы в Figma 

Читать статью: https://design-glory.com/8674/pochemu-v-figma-stoit-ispolzovat-frejmy-a-ne-gruppy

Лендинг: лучшие практики дизайна, которые увеличивают конверсию

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

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

1. Редукторы возражений
2. Последовательный призыв к действию
3. Использование подзаголовков для ответа на вопросы пользователей
4. Отзывы, в которых рассматриваются возражения пользователей
5. Сильный сторителлинг

Читать: https://design-glory.com/9933/lending-luchshie-praktiki-dizajna-kotorye-uvelichivayut-konversiyu

Как создать прототип мобильного приложения в 5 шагов

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

Фундаментальная отсылка. Прототип — это быстрая, черновая реализация будущей системы. А еще это работающая модель, опытный образец устройства или детали в дизайне, конструировании, моделировании. Термин прототип произошел от древнегреческого πρῶτος «первый» + τύπος «отпечаток, оттиск» или первообраз.
«Одна картина стоит тысячи слов. Один прототип стоит 1 000 встреч.»
— Конфуций и Джон Маэда, дизайнер
В этой статье я расскажу о том, как создать прототип мобильного приложения. В результате у вас сложится полное представление о ценности прототипов, и вы даже сможете начать собирать их самостоятельно.

Содержание:
Что такое прототип для чего он нужен
Инструкция по разработке прототипа мобильного приложения
Шаг 1. Определите полезное действие и конек
Шаг 2. Зарисуйте Sketchflow ключевых экранов и протестируйте бумажный прототип
Шаг 3. Перенесите бумажный прототип на интерактивную бумагу
Шаг 4. Придайте прототипу профессиональный облик 
Шаг 5. Поделитесь прототипом с заинтересованными в проекте и потенциальными клиентами и сделайте корректировки
8 моментов, которые важно учесть при создании прототипа
3 примера хороших прототипов мобильных и веб-приложений
Вывод и рекомендация

Читать: https://ux-journal.ru/kak-sozdat-prototip-mobilnogo-prilozheniya-v-5-shagov.html

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

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

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

Содержание статьи 
Как выбрать правильные инструменты UX-дизайна?
UI и UX дизайн постоянно развиваются
Лучшие инструменты исследования
1. Hotjar — Получайте фидбек от пользователей
2. Google Analytics
3. Пользовательские интервью – старомодный инструмент UX-дизайна
Инструменты для создания вайрфреймов
4. Sketch
5. Balsamiq
Лучшие инструменты создания интерактивных прототипов
6. Adobe Xd
7. Figma
8. InVision
Завершение дизайн процесса. Передача проекта разработчикам
9. Framer
10. Figma

Читать статью:https://ux.pub/10-luchshih-instrumentov-kotorye-uprostyat-zhizn-ux-dizaynera-v-2021-godu/