Сможет ли хороший UX «вытянуть» плохой UI
В современном Интернете нужно уметь распознавать, когда веб-сайт специально сделан так, что бы выглядеть броско, несуразно или слишком просто, а когда у него просто-напросто плохой UI. Что действительно важно, так это то, насколько удобен этот самый UI.
Вот несколько примеров того, когда плохой UI работает, а когда нет.
1. CNN У CNN плохой дизайн пользовательского интерфейса. У популярного в США новостного портала чистый, простой, похожий на газету пользовательский интерфейс, что позволяет пользователю сосредоточиться на важных событиях дня. Но этот опыт ухудшается из-за функции автоматического воспроизведения рекламы и видео в новостях. Представьте себе, что вы читаете историю о международном конфликте и вдруг начинаете слышать рекламу какого-то продукта. Вам сильно захочется проскроллить всю страницу, чтобы найти и остановить видео?
2. Reddit В так называемой первой странице форума Reddit на первый взгляд нет ничего выдающегося. С творческой точки зрения UI плох. Однако большинство своих функций он выполняет правильно. Для контента здесь достаточно места. Его на Reddit создают пользователи. UI минималистичен, что во многом работает на Reddit. С таким огромным количеством контента было бы почти невозможно создать систему, которая могла бы вместить в себя такое количество пользователей.
3. Amazon занимается розничной онлайн-торговлей с начала 90-х годов. То, что когда-то было маленьким книжным интернет-магазинчиком, теперь превратилось в одного из мировых техно-гигантов. Однако, их пользовательский интерфейс оставляет желать лучшего. Грубо говоря, некоторые дизайнеры могут даже отнести этот UI в категорию «плохих». На сайте Amazon используется карусель, которая, как известно, стала яблоком раздора в сообществе UX-дизайнеров. Пользователи часто эти карусели пропускают, даже если на них размещены самые лучшие предложения в городе. Но у Amazon изображения в этих каруселях не меняются! И обычно на главной странице находятся 3-4 таких карусели к ряду. Небольшие корректировки в UI могут стоить Amazon миллионы долларов, и есть вероятность того, что они не увеличат прибыль или улучшат удобство использования. Иногда о таком интерфейсе говорят: «Работает – не трогай».
4. Drudge Report
Посетив пару десятков новостных сайтов вы поймете, что Drudge Report по сути ничем от них не отличается. Вы видите жирные заголовки, вы видите картинки, но этот веб-интерфейс выводит минимализм на совершенно новый уровень. Сайт существует с 1996 года и до сих пор в его коде можно найти древнейший HTML. Но сам портал Drudge Report делает ударение на том, что их сайт это не про дизайн – он не про яркие кнопки и/или красивые картинки, и не про (казалось бы) адаптивный дизайн! И даже несмотря на кажущийся ленивый и плохой UI, сайт по-прежнему остается чрезвычайно популярным. Что делает дизайн пользовательского интерфейса Drudge Report таким особенным, так это свобода выбора среди того, что можно почитать. Весь текст, ссылки и заголовки отформатированы одинаково, поэтому ни один из постов не выделяется среди других. Это означает, что пользователь может свободно просматривать веб-сайт в удобное для него время и самостоятельно принимать решение, что ему читать.
Заключение
UX-дизайнеры должны помнить, что красота в глазах смотрящего, а плохой UI может стать хорошим UX. И, несмотря на то, что некоторые из вышеперечисленных сайтов могут показаться «урезанными» и минималистичными, это не означает, что у них плохой дизайн пользовательского интерфейса. Большинство из них просто сохранили свои оригинальные UI, к которым в прошлом Интернет был лоялен. Однако крайне минималистичный/максималистский, старомодный или просто плохой UI не обязательно означает хороший UX – как раз очень даже наоборот. Лучшее практическое правило – сохранять оригинальность, функциональность и всегда создавать дизайн пользовательского интерфейса с учетом интересов пользователя.
Источник
В современном Интернете нужно уметь распознавать, когда веб-сайт специально сделан так, что бы выглядеть броско, несуразно или слишком просто, а когда у него просто-напросто плохой UI. Что действительно важно, так это то, насколько удобен этот самый UI.
Вот несколько примеров того, когда плохой UI работает, а когда нет.
1. CNN У CNN плохой дизайн пользовательского интерфейса. У популярного в США новостного портала чистый, простой, похожий на газету пользовательский интерфейс, что позволяет пользователю сосредоточиться на важных событиях дня. Но этот опыт ухудшается из-за функции автоматического воспроизведения рекламы и видео в новостях. Представьте себе, что вы читаете историю о международном конфликте и вдруг начинаете слышать рекламу какого-то продукта. Вам сильно захочется проскроллить всю страницу, чтобы найти и остановить видео?
2. Reddit В так называемой первой странице форума Reddit на первый взгляд нет ничего выдающегося. С творческой точки зрения UI плох. Однако большинство своих функций он выполняет правильно. Для контента здесь достаточно места. Его на Reddit создают пользователи. UI минималистичен, что во многом работает на Reddit. С таким огромным количеством контента было бы почти невозможно создать систему, которая могла бы вместить в себя такое количество пользователей.
3. Amazon занимается розничной онлайн-торговлей с начала 90-х годов. То, что когда-то было маленьким книжным интернет-магазинчиком, теперь превратилось в одного из мировых техно-гигантов. Однако, их пользовательский интерфейс оставляет желать лучшего. Грубо говоря, некоторые дизайнеры могут даже отнести этот UI в категорию «плохих». На сайте Amazon используется карусель, которая, как известно, стала яблоком раздора в сообществе UX-дизайнеров. Пользователи часто эти карусели пропускают, даже если на них размещены самые лучшие предложения в городе. Но у Amazon изображения в этих каруселях не меняются! И обычно на главной странице находятся 3-4 таких карусели к ряду. Небольшие корректировки в UI могут стоить Amazon миллионы долларов, и есть вероятность того, что они не увеличат прибыль или улучшат удобство использования. Иногда о таком интерфейсе говорят: «Работает – не трогай».
4. Drudge Report
Посетив пару десятков новостных сайтов вы поймете, что Drudge Report по сути ничем от них не отличается. Вы видите жирные заголовки, вы видите картинки, но этот веб-интерфейс выводит минимализм на совершенно новый уровень. Сайт существует с 1996 года и до сих пор в его коде можно найти древнейший HTML. Но сам портал Drudge Report делает ударение на том, что их сайт это не про дизайн – он не про яркие кнопки и/или красивые картинки, и не про (казалось бы) адаптивный дизайн! И даже несмотря на кажущийся ленивый и плохой UI, сайт по-прежнему остается чрезвычайно популярным. Что делает дизайн пользовательского интерфейса Drudge Report таким особенным, так это свобода выбора среди того, что можно почитать. Весь текст, ссылки и заголовки отформатированы одинаково, поэтому ни один из постов не выделяется среди других. Это означает, что пользователь может свободно просматривать веб-сайт в удобное для него время и самостоятельно принимать решение, что ему читать.
Заключение
UX-дизайнеры должны помнить, что красота в глазах смотрящего, а плохой UI может стать хорошим UX. И, несмотря на то, что некоторые из вышеперечисленных сайтов могут показаться «урезанными» и минималистичными, это не означает, что у них плохой дизайн пользовательского интерфейса. Большинство из них просто сохранили свои оригинальные UI, к которым в прошлом Интернет был лоялен. Однако крайне минималистичный/максималистский, старомодный или просто плохой UI не обязательно означает хороший UX – как раз очень даже наоборот. Лучшее практическое правило – сохранять оригинальность, функциональность и всегда создавать дизайн пользовательского интерфейса с учетом интересов пользователя.
Источник
Как проводить UI-тестирование мобильных и верстки + сравнение инструментов автоматизации
UI-тестирование — этап комплексного тестирования программного обеспечения, на этом этапе QA-специалисты проверяют качество всех компонентов интерфейса. UI-тестирование помогает убедиться, что функции приложения отрабатывают на достижение целей и удобны для пользователей. UI-тестирование улучшает качество программного обеспечения и обеспечивает удобство приложения для пользователей.
В этом руководстве мы рассмотрим все, что вам нужно знать о UI-тестировании, от фундаментальных концепций UI-тестирования до вашего первого UI-теста.
Содержание:
Что такое UI-тестирование и в чем его польза?
В чем ценность UI-тестирования для компании и пользователей
Чек-лист для UI-тестирования: что тестировать в первую очередь
Подходы к UI-тестированию мобильных приложений и веб-интерфейсов
Формат описания сценариев тестирования пользовательского интерфейса
Пример создания карты тест-кейсов для UI-тестирования
Что важно учесть при UI-тестировании
Лучшие практики организации UI-тестирования
Автоматизация тестирования сайтов, мобильных и веб- приложений: когда делать и какими инструментами
Вывод и рекомендации
Читать статью: https://ux-journal.ru/kak-provodit-ui-testirovanie-sravnenie-instrumentov.html
UI-тестирование — этап комплексного тестирования программного обеспечения, на этом этапе QA-специалисты проверяют качество всех компонентов интерфейса. UI-тестирование помогает убедиться, что функции приложения отрабатывают на достижение целей и удобны для пользователей. UI-тестирование улучшает качество программного обеспечения и обеспечивает удобство приложения для пользователей.
В этом руководстве мы рассмотрим все, что вам нужно знать о UI-тестировании, от фундаментальных концепций UI-тестирования до вашего первого UI-теста.
Содержание:
Что такое UI-тестирование и в чем его польза?
В чем ценность UI-тестирования для компании и пользователей
Чек-лист для UI-тестирования: что тестировать в первую очередь
Подходы к UI-тестированию мобильных приложений и веб-интерфейсов
Формат описания сценариев тестирования пользовательского интерфейса
Пример создания карты тест-кейсов для UI-тестирования
Что важно учесть при UI-тестировании
Лучшие практики организации UI-тестирования
Автоматизация тестирования сайтов, мобильных и веб- приложений: когда делать и какими инструментами
Вывод и рекомендации
Читать статью: https://ux-journal.ru/kak-provodit-ui-testirovanie-sravnenie-instrumentov.html
Продуктовый дизайн (UX/UI), брендинг и аналитика
Как проводить UI-тестирование + сравнение инструментов автоматизации
Расскажу о ценности UI-тестирования, а также покажу, как проводить UI-тестирование по шагам. Чек-лист с примерами и советами в конце статьи.
Пропорциональные шрифты (Uniwidth) в дизайне, подборка с 15 лучших шрифтов
Recursive от Arrow Type
www.recursive.design
Recursive – это вариативный шрифт, созданный для «максимальной универсальности, контроля и производительности». Recursive доступен в пропорциональной и моно версии, и обе можно дополнительно контролировать по четырем осям: Weight, Casual, Slant и Cursive.
PT Root UI от Paratype
www.paratype.com/fonts/pt/pt-root-ui
PT Root UI – это современный, серьезный шрифт без засечек, который бывает четырех типов (Light, Regular, Medium, Bold).
Golos UI от Paratype
www.paratype.com/fonts/pt/golos-ui
Шрифт Golos UI, также от Paratype, имеет три веса (Regular, Medium, Bold), а также доступен как вариативный шрифт. Golos UI в целом похож на PT Root UI, но имеет немного суженные пропорции. Он обладает широкой языковой поддержкой, включая расширенную латиницу и кириллицу
Grandstander от Etcetera Type Company
www.etceteratype.co/grandstander
Grandstander – это игривый вариативный шрифт без засечек, вдохновленный детскими книгами, который «понравится людям всех возрастов».
Angus от Black Foundry
black-foundry.com/fonts/angus
Angus – это современный шрифт без засечек с закругленными концами, который имеет четко выраженный моноширинный вид.
Halvar и Halvar Stencil Complete от TypeMates
www.typemates.com/fonts/halvar-and-stencil-complete
Halvar – это массивная система шрифтов, насчитывающая в общей сложности 162 стиля.
Источник: TypeMates
Service Gothic от HEX
hex.xyz/Service_Gothic
Service Gothic – это незавершенный вариативный шрифт, в настоящее время доступный только в верхнем регистре. Service Gothic включает 6 статических весов от Thin до Bold.
Urby и Urby Soft от TypeMates
www.typemates.com/fonts/urby
Urby Collection призван «объединить поразительный характер с технической функциональностью». Urby и его закругленный аналог Urby Soft выпускаются в пяти вариантах веса (от Thin до Black).
Geóso от Finaltype
finaltype.de/de/projekte/geoso
Geóso – это гуманистический шрифт без засечек с геометрическим оттенком. Этот шрифт доступен в девяти весах (от Thin до Heavy) с соответствующим курсивом и является универсальным для каждого стиля.
FF Kaytek family от FontFont
www.fontshop.com/superfamilies/ff-kaytek
FF Kaytek – это «свежий взгляд на канцелярские гарнитуры 90-х». Это обширное суперсемейство, состоящее из четырех стилей: Slab, Sans, Headline и Rounded. FF Kaytek Slab и Sans имеют шесть весов (от Thin до Black) плюс соответствующий курсив, в то время, как FF Kaytek Headline и Rounded имеют по семь весов (от Thin до ExtraBlack/Black).
Bahnschrift от Saja Typeworks
docs.microsoft.com/en-us/typography/font-list/bahnschrift
Bahnschrift – это оцифрованная версия шрифта DIN, известного по немецким дорожным знакам. Bahnschrift был первым вариативным шрифтом Microsoft, имеющим две оси: Weight и Width.
FF Scala family от FontFont
scalafont.com
Семейство FF Scala – это классика печати. Спроектированный в 1991 году Мартином Майором, шрифт FF Scala с засечками в старом стиле был позже расширен версией без засечек, FF Scala Sans, основанной на общем скелете. Оба семейства имеют два веса (Regular и Bold) с соответствующим курсивом и двумя сокращенными стилями.
www.205.tf/look/minerale
Minérale – это вариативный шрифт с необычными основами, грани которых пересекаются. Minérale «довольно сдержанный в своих самых тонких версиях, [но] становится более декоративным в более тяжелых версиях».
Climate Crisis Font от Helsinki Sanomat
kampanjat.hs.fi/climatefont/index.html
Шрифт Climate Crisis Font – удивительный вариативный шрифт, который пытается пролить свет на изменения климата.
Handjet от Rosetta Type
www.rosettatype.com/Handjet
Handjet – экспериментальный трехкоординатный шрифт на основе сетки. Система шрифтов Handjet содержит 23 элементарных формы (например, квадраты, клевер и сердечки), размер которых можно изменять, создавая различный вес шрифта.
Источник
Recursive от Arrow Type
www.recursive.design
Recursive – это вариативный шрифт, созданный для «максимальной универсальности, контроля и производительности». Recursive доступен в пропорциональной и моно версии, и обе можно дополнительно контролировать по четырем осям: Weight, Casual, Slant и Cursive.
PT Root UI от Paratype
www.paratype.com/fonts/pt/pt-root-ui
PT Root UI – это современный, серьезный шрифт без засечек, который бывает четырех типов (Light, Regular, Medium, Bold).
Golos UI от Paratype
www.paratype.com/fonts/pt/golos-ui
Шрифт Golos UI, также от Paratype, имеет три веса (Regular, Medium, Bold), а также доступен как вариативный шрифт. Golos UI в целом похож на PT Root UI, но имеет немного суженные пропорции. Он обладает широкой языковой поддержкой, включая расширенную латиницу и кириллицу
Grandstander от Etcetera Type Company
www.etceteratype.co/grandstander
Grandstander – это игривый вариативный шрифт без засечек, вдохновленный детскими книгами, который «понравится людям всех возрастов».
Angus от Black Foundry
black-foundry.com/fonts/angus
Angus – это современный шрифт без засечек с закругленными концами, который имеет четко выраженный моноширинный вид.
Halvar и Halvar Stencil Complete от TypeMates
www.typemates.com/fonts/halvar-and-stencil-complete
Halvar – это массивная система шрифтов, насчитывающая в общей сложности 162 стиля.
Источник: TypeMates
Service Gothic от HEX
hex.xyz/Service_Gothic
Service Gothic – это незавершенный вариативный шрифт, в настоящее время доступный только в верхнем регистре. Service Gothic включает 6 статических весов от Thin до Bold.
Urby и Urby Soft от TypeMates
www.typemates.com/fonts/urby
Urby Collection призван «объединить поразительный характер с технической функциональностью». Urby и его закругленный аналог Urby Soft выпускаются в пяти вариантах веса (от Thin до Black).
Geóso от Finaltype
finaltype.de/de/projekte/geoso
Geóso – это гуманистический шрифт без засечек с геометрическим оттенком. Этот шрифт доступен в девяти весах (от Thin до Heavy) с соответствующим курсивом и является универсальным для каждого стиля.
FF Kaytek family от FontFont
www.fontshop.com/superfamilies/ff-kaytek
FF Kaytek – это «свежий взгляд на канцелярские гарнитуры 90-х». Это обширное суперсемейство, состоящее из четырех стилей: Slab, Sans, Headline и Rounded. FF Kaytek Slab и Sans имеют шесть весов (от Thin до Black) плюс соответствующий курсив, в то время, как FF Kaytek Headline и Rounded имеют по семь весов (от Thin до ExtraBlack/Black).
Bahnschrift от Saja Typeworks
docs.microsoft.com/en-us/typography/font-list/bahnschrift
Bahnschrift – это оцифрованная версия шрифта DIN, известного по немецким дорожным знакам. Bahnschrift был первым вариативным шрифтом Microsoft, имеющим две оси: Weight и Width.
FF Scala family от FontFont
scalafont.com
Семейство FF Scala – это классика печати. Спроектированный в 1991 году Мартином Майором, шрифт FF Scala с засечками в старом стиле был позже расширен версией без засечек, FF Scala Sans, основанной на общем скелете. Оба семейства имеют два веса (Regular и Bold) с соответствующим курсивом и двумя сокращенными стилями.
www.205.tf/look/minerale
Minérale – это вариативный шрифт с необычными основами, грани которых пересекаются. Minérale «довольно сдержанный в своих самых тонких версиях, [но] становится более декоративным в более тяжелых версиях».
Climate Crisis Font от Helsinki Sanomat
kampanjat.hs.fi/climatefont/index.html
Шрифт Climate Crisis Font – удивительный вариативный шрифт, который пытается пролить свет на изменения климата.
Handjet от Rosetta Type
www.rosettatype.com/Handjet
Handjet – экспериментальный трехкоординатный шрифт на основе сетки. Система шрифтов Handjet содержит 23 элементарных формы (например, квадраты, клевер и сердечки), размер которых можно изменять, создавая различный вес шрифта.
Источник
23 многообещающих инструмента для дизайнеров
Charts.css. Это современный CSS фреймворк, который использует утилитарные классы CSS для преобразования HTML-элементов в диаграммы.
Haikei – это веб-приложение для создания разнообразных SVG-форм, фонов и паттернов. Все элементы можно экспортировать и продолжить работу с ними в другом инструменте.
Fluid Space Calculator помогает создавать пространственные системы и экспортировать CSS для дальнейшей реализации в проекте. Калькулятор позволяет создавать кастомные пары пространственных значений и коэффициенты.
Night Eye WordPress Plugin помогает без затруднений настроить опцию Dark mode на любом WordPress сайте. Этот полностью кастомизируемый и диспетчеризуемый инструмент предоставляет все функции, которые вам могут понадобиться.
Macro – приложение-чеклист, созданное для отслеживания повторяющихся процессов. Приложение позволяет увеличить производительность путем автоматизации ведения внутрикомандных отчетов, назначений и других документов. протестировать.
Writex.io – это бесплатное приложение для проверки правописания. С помощью AI и других умных функций вы сможете писать более грамотно.
Taloflow. Это приложение помогает найти топовые инструменты разработки и сервисы облачной инфраструктуры.
Skribbl – это коллекция бесплатных скетчей в забавном и незамысловатом стиле. Количество черно-белых иллюстраций продолжает расти.
Mobile Chat Kit – бесплатный стартовый набор для дизайна чатов мобильных приложений в Figma, Sketch и Adobe XD.
Flowchart.fun – позволяет вводить, создавать узлы и связывать элементы для ускорения разработки простых логических схем.
Shuffle предлагает множество UI библиотек для любых цифровых проектов. Более 1,500 предварительно собранных компонентов с профессиональным дизайном.
Cryptocurrency 3D Pack – это набор трехмерных разноцветных иконок, которые можно использовать для обозначения разных элементов системы криптовалют.
Stratum: UI Kit for Figma предлагает девять вариантов интерфейса экрана, которые сразу же можно использовать в дизайне.
Conic.css – это коллекция простых градиентов. После выбора градиента нужно на него нажать левой кнопкой мыши. Это действие скопирует код градиента, и вы сможете его вставить в CSS.
Artify Illustrations – плагин для Figma, дает доступ к более чем пяти тысячам SVG и PNG иллюстраций внутри приложения. Здесь встроена опция поиска изображений, все они в высоком разрешении, а библиотека содержит иллюстрации в разных стилях.
Athina – современный дисплейный шрифт с засечками. Он отличается невероятно изящными соединительными линиями. Бесплатно доступна только демоверсия, но вы можете оплатить целое семейство шрифтов.
Brique – набор дисплейных шрифтов верхнего регистра. Кроме визуальной привлекательности он отличается большой шириной букв и четкостью очертаний, что делает его удобочитаемым.
Code Next – крутой геометрический шрифт без засечек с целой семьей начертаний. Это очень разборчивый шрифт, который подойдет почти для любого дизайна.
Inter – это простая и функциональная шрифтовая семья, в которой есть любые начертания, от Extra Light до Extra Bold. Именно эти «экстра» характеристики делают шрифт интересным и практичным.
Nothing Clean – выразительный шрифт в гранж-стилистике. Это полностью заглавный шрифт с альтернативными вариантами для некоторых букв.
Playout – веселый шрифт в рисованном стиле с интересными глифами и альтернативными буквами. Наверное, самым привлекательным в демо-наборе является значок лапки.
Rockford Sans – еще один геометрический шрифт с едва заметно закругленными углами. Он имеет восемь вариантов насыщенности и курсив. Благодаря большой высоте символов нижнего регистра и округлым элементам, он разборчивый и комфортный.
SpaceType – это оригинальный и экстравагантный шрифт, который доступен в обычном и растянутом начертании.
Источник
Charts.css. Это современный CSS фреймворк, который использует утилитарные классы CSS для преобразования HTML-элементов в диаграммы.
Haikei – это веб-приложение для создания разнообразных SVG-форм, фонов и паттернов. Все элементы можно экспортировать и продолжить работу с ними в другом инструменте.
Fluid Space Calculator помогает создавать пространственные системы и экспортировать CSS для дальнейшей реализации в проекте. Калькулятор позволяет создавать кастомные пары пространственных значений и коэффициенты.
Night Eye WordPress Plugin помогает без затруднений настроить опцию Dark mode на любом WordPress сайте. Этот полностью кастомизируемый и диспетчеризуемый инструмент предоставляет все функции, которые вам могут понадобиться.
Macro – приложение-чеклист, созданное для отслеживания повторяющихся процессов. Приложение позволяет увеличить производительность путем автоматизации ведения внутрикомандных отчетов, назначений и других документов. протестировать.
Writex.io – это бесплатное приложение для проверки правописания. С помощью AI и других умных функций вы сможете писать более грамотно.
Taloflow. Это приложение помогает найти топовые инструменты разработки и сервисы облачной инфраструктуры.
Skribbl – это коллекция бесплатных скетчей в забавном и незамысловатом стиле. Количество черно-белых иллюстраций продолжает расти.
Mobile Chat Kit – бесплатный стартовый набор для дизайна чатов мобильных приложений в Figma, Sketch и Adobe XD.
Flowchart.fun – позволяет вводить, создавать узлы и связывать элементы для ускорения разработки простых логических схем.
Shuffle предлагает множество UI библиотек для любых цифровых проектов. Более 1,500 предварительно собранных компонентов с профессиональным дизайном.
Cryptocurrency 3D Pack – это набор трехмерных разноцветных иконок, которые можно использовать для обозначения разных элементов системы криптовалют.
Stratum: UI Kit for Figma предлагает девять вариантов интерфейса экрана, которые сразу же можно использовать в дизайне.
Conic.css – это коллекция простых градиентов. После выбора градиента нужно на него нажать левой кнопкой мыши. Это действие скопирует код градиента, и вы сможете его вставить в CSS.
Artify Illustrations – плагин для Figma, дает доступ к более чем пяти тысячам SVG и PNG иллюстраций внутри приложения. Здесь встроена опция поиска изображений, все они в высоком разрешении, а библиотека содержит иллюстрации в разных стилях.
Athina – современный дисплейный шрифт с засечками. Он отличается невероятно изящными соединительными линиями. Бесплатно доступна только демоверсия, но вы можете оплатить целое семейство шрифтов.
Brique – набор дисплейных шрифтов верхнего регистра. Кроме визуальной привлекательности он отличается большой шириной букв и четкостью очертаний, что делает его удобочитаемым.
Code Next – крутой геометрический шрифт без засечек с целой семьей начертаний. Это очень разборчивый шрифт, который подойдет почти для любого дизайна.
Inter – это простая и функциональная шрифтовая семья, в которой есть любые начертания, от Extra Light до Extra Bold. Именно эти «экстра» характеристики делают шрифт интересным и практичным.
Nothing Clean – выразительный шрифт в гранж-стилистике. Это полностью заглавный шрифт с альтернативными вариантами для некоторых букв.
Playout – веселый шрифт в рисованном стиле с интересными глифами и альтернативными буквами. Наверное, самым привлекательным в демо-наборе является значок лапки.
Rockford Sans – еще один геометрический шрифт с едва заметно закругленными углами. Он имеет восемь вариантов насыщенности и курсив. Благодаря большой высоте символов нижнего регистра и округлым элементам, он разборчивый и комфортный.
SpaceType – это оригинальный и экстравагантный шрифт, который доступен в обычном и растянутом начертании.
Источник
chartscss.org
Charts.css
CSS data visualization framework
Проблема дизайна – это сами дизайнеры
Никакие процедурные изменения в дизайне никогда не превзойдут личные изменения, на которые готов дизайнер. Когда дело касается результатов и их достижения, хороший дизайн в основном сводится к тому что делается, и кто это делает, чем к тому, как.
Это также объясняет, почему почти всегда писать о дизайне интереснее, когда речь идет о проблемах, контексте и смежных условиях, чем о процессах, которым мы следуем, чтобы найти решение.
И все же для дизайнеров мало что так же свято, как процесс. Я говорю, что процесс хорош настолько, насколько он подходит лично вам. Дизайнеры постоянно пропагандируют определенные методологии, веря, что они будут и должны работать для всех. Однако, на самом деле они лишь знают, что эти методологии работают для них. Это полезное знание. Но это самопознание, выдаваемое за методологическую истину.
Проницательный дизайнер лучше подготовлен к решению любой проблемы, чем десять дизайнеров, вооруженных инструкциями. (Кстати, именно дизайнер, обладающий самосознанием, распознает, когда они не подходят для этой работы).
У людей, занимающихся дизайном, много общих черт.
Мы бдительны. Мы всюду быстро находим недостатки.
Мы сверхкритичны. Мы видим возможность улучшения во всем, с чем сталкиваемся.
Мы одновременно оптимистичны и амбициозны. Мы хотим исправить все, что сломано, и верим, что сможем сделать это.
Мы находим красоту в порядке. Мы хотим, чтобы мир был более красивым и, следовательно, более упорядоченным.
Мы беспокойны, и нас не так легко удовлетворить.
Это черты, которые позволяют дизайнерам хорошо выполнять свою работу. Обратите внимание, что все они составляют одну вещь – мировоззрение. Ни одна из них не указывает конкретный навык или метод. Они сводятся к тому, как мы видим и воспринимаем мир вокруг нас.
Другие черты, общие для людей, занимающихся дизайном – внутренние. Это реакции на внешний мир, основанные на том, как мы видим себя.
Мы слишком чувствительны. Мы рассматриваем свою работу как продолжение того, кем мы являемся, что делает невозможным отделение идеи самооценки от восприятия того, что мы делаем.
Мы лицемерны. Мы противимся критике также, как и склонны ее высказывать.
Мы упрямы и лишены гибкости, мы слишком легко разочаровываемся, когда реальность сопротивляется нашему первому решению.
Мы догматичны в вопросах, в которых нам следует быть агностиками. Мы продвигаем процессы вперед, даже если они не имеют смысла.
Мы слишком быстро судим о ситуации и действуем, исходя из слишком малого количества информации о том, что на самом деле происходит.
Это качества, которые нам мешают. Когда мы добиваемся успеха, это происходит вопреки этим качествам, а не благодаря им.
Вот почему в дизайне не может быть процедурной догмы. Конечно, всегда будет существовать пуповинная связь между процессом и ремеслом. Так, есть способы делать вещи, связанные с неопровержимыми истинами о природе, материалах, времени и других аспектах Вселенной. Но дизайн – это создание желаемого будущего состояния, а не просто создание желаемого объекта. И оказывается, что лучший способ добраться из точки (A) в точку (B) зависит от того, кто туда добирается. Туда доберется лишь хороший дизайнер.
В редких случаях для дизайнеров лучше ничего не делать, чем что-то делать. Но принятие подобной возможности приблизит нас к истине любой проблемы, которую мы стремимся решить, и к удовлетворению постоянными изменениями мира, которые побуждают наши намерения так же быстро, как и сводят их на нет.
Источник
Никакие процедурные изменения в дизайне никогда не превзойдут личные изменения, на которые готов дизайнер. Когда дело касается результатов и их достижения, хороший дизайн в основном сводится к тому что делается, и кто это делает, чем к тому, как.
Это также объясняет, почему почти всегда писать о дизайне интереснее, когда речь идет о проблемах, контексте и смежных условиях, чем о процессах, которым мы следуем, чтобы найти решение.
И все же для дизайнеров мало что так же свято, как процесс. Я говорю, что процесс хорош настолько, насколько он подходит лично вам. Дизайнеры постоянно пропагандируют определенные методологии, веря, что они будут и должны работать для всех. Однако, на самом деле они лишь знают, что эти методологии работают для них. Это полезное знание. Но это самопознание, выдаваемое за методологическую истину.
Проницательный дизайнер лучше подготовлен к решению любой проблемы, чем десять дизайнеров, вооруженных инструкциями. (Кстати, именно дизайнер, обладающий самосознанием, распознает, когда они не подходят для этой работы).
У людей, занимающихся дизайном, много общих черт.
Мы бдительны. Мы всюду быстро находим недостатки.
Мы сверхкритичны. Мы видим возможность улучшения во всем, с чем сталкиваемся.
Мы одновременно оптимистичны и амбициозны. Мы хотим исправить все, что сломано, и верим, что сможем сделать это.
Мы находим красоту в порядке. Мы хотим, чтобы мир был более красивым и, следовательно, более упорядоченным.
Мы беспокойны, и нас не так легко удовлетворить.
Это черты, которые позволяют дизайнерам хорошо выполнять свою работу. Обратите внимание, что все они составляют одну вещь – мировоззрение. Ни одна из них не указывает конкретный навык или метод. Они сводятся к тому, как мы видим и воспринимаем мир вокруг нас.
Другие черты, общие для людей, занимающихся дизайном – внутренние. Это реакции на внешний мир, основанные на том, как мы видим себя.
Мы слишком чувствительны. Мы рассматриваем свою работу как продолжение того, кем мы являемся, что делает невозможным отделение идеи самооценки от восприятия того, что мы делаем.
Мы лицемерны. Мы противимся критике также, как и склонны ее высказывать.
Мы упрямы и лишены гибкости, мы слишком легко разочаровываемся, когда реальность сопротивляется нашему первому решению.
Мы догматичны в вопросах, в которых нам следует быть агностиками. Мы продвигаем процессы вперед, даже если они не имеют смысла.
Мы слишком быстро судим о ситуации и действуем, исходя из слишком малого количества информации о том, что на самом деле происходит.
Это качества, которые нам мешают. Когда мы добиваемся успеха, это происходит вопреки этим качествам, а не благодаря им.
Вот почему в дизайне не может быть процедурной догмы. Конечно, всегда будет существовать пуповинная связь между процессом и ремеслом. Так, есть способы делать вещи, связанные с неопровержимыми истинами о природе, материалах, времени и других аспектах Вселенной. Но дизайн – это создание желаемого будущего состояния, а не просто создание желаемого объекта. И оказывается, что лучший способ добраться из точки (A) в точку (B) зависит от того, кто туда добирается. Туда доберется лишь хороший дизайнер.
В редких случаях для дизайнеров лучше ничего не делать, чем что-то делать. Но принятие подобной возможности приблизит нас к истине любой проблемы, которую мы стремимся решить, и к удовлетворению постоянными изменениями мира, которые побуждают наши намерения так же быстро, как и сводят их на нет.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Проблема дизайна – это сами дизайнеры
Никакие процедурные изменения в дизайне никогда не превзойдут личные изменения, на которые готов дизайнер
Обзор 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
ТОП программ для понимания задачи (эмпатия)
Задача – это зерно, чтобы из зерна вырастить решение, важно обеспечить пространство для развития. В подборке инструменты, которые помогут обеспечить такое пространство.
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
Продуктовый дизайн (UX/UI), брендинг и аналитика
20+ программ для UX/UI-дизайнера: аналитика, проектирование и прототипирование
Обзор инструментов для UX/UI-дизайна, которые помогут проработать проекты в деталях по стандартам d.school и NNGroup.
Лучшие альтернативы 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 Диске. Даже если пользователи отключаются от Интернета после открытия
Источник
Лучшая альтернатива 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.
На курсе «Профессия Веб-дизайнер» в онлайн-школе дизайна 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-дизайнер то обязательно обратите на них внимание.
— Закон Якоба: выглядеть знакомо
— Закон Хика: упрощать выбор
— Закон Миллера: быть проще
— Гештальт-принципы: делайте умные группировки
— Эффект фон Ресторффа: выделяйте разумно
— Ментальные модели: не изобретайте велосипед
Читать статью: 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-дизайнеры несут ответственность за предоставление конечным пользователям ценных, интуитивно понятных интерфейсов и плавное руководство ими к достижению своих целей.
Источник
Исследования показывают, что дизайн – это главная движущая сила первых положительных впечатлений пользователей Интернета и мобильных устройств.
Взаимодействие с пользователем является неотъемлемой частью разработки любого сайта или приложения. Понимание его важности в процессе проектирования неизбежно на пути к успеху.
UX-дизайн принимает во внимание то, как пользователь чувствует себя, и насколько легко ему выполнить то, что ему нужно. Например, если ваш веб-сайт позволяет покупателю легко найти нужный продукт, добавить его в корзину и легко оформить заказ, скорее всего, у вас уже есть отличный UX-дизайн.
Существуют популярные определения пользовательского опыта, и опираясь на них, мы обобщаем основные мысли, которые нужно задействовать при работе с UX.
1. Поймите своего пользователя
Пользовательский опыт (UX) фокусируется на глубоком понимании пользователей, того, что им нужно, что они ценят, своих способностей, а также их ограничений. Также учитываются бизнес-цели и задачи группы, управляющей проектом. Лучшие практики UX способствуют повышению качества взаимодействия пользователей с вашим продуктом и любыми сопутствующими услугами.
2. Сделайте продукт простым
Первое требование для образцового взаимодействия с пользователем – это точное соответствие потребностям клиента. Далее следуют простота и элегантность, которые создают продукты, которыми приятно пользоваться. Чтобы обеспечить высокое качество пользовательского опыта в предложениях компании, необходимо простое объединение услуг в различных областях, включая проектирование, маркетинг, графический и промышленный дизайн, а также дизайн интерфейсов.
3. Практикуйте
Пользовательский опыт (UX) – это искусство планирования дизайна продукта таким образом, чтобы взаимодействие с готовым продуктом было как можно более позитивным. Дизайн пользовательского опыта затрагивает все моменты того, как продукт или услуга воспринимаются пользователями.
4. Сделайте опыт ценным
Опыт пользователя (UX) – это то, что человек думает об использовании системы. Пользовательский опыт субъективен по своей природе, потому что он связан с производительностью, чувствами и мыслями человека о системе. Пользовательский опыт динамичен, потому что он меняется со временем по мере изменения обстоятельств. Правильный UX-дизайн должен удовлетворить потребности и ожидания.
5. Человеческий фактор
Пользовательский опыт – это то, что человек чувствует себя при взаимодействии с системой. Система может быть веб-сайтом, веб-приложением или настольным программным обеспечением и в современном контексте обычно обозначается некоторой формой взаимодействия человека с компьютером или мобильным.
6. Важна каждая деталь
Пользовательский опыт – это все, что происходит с вашими пользователями, когда они взаимодействуют с вашим бизнесом или организацией через ваш веб-сайт, приложение или онлайн-коммуникации. Это все, что они видят, слышат и делают, а также их эмоциональные реакции. В итоге пользователь будет ассоциировать эти реакции с вашим продуктом.
Как добиться отличного UX?
Успешный UX-дизайн достигается путем исследования и разработки рынка, чтобы действительно понять, что делает пользовательский опыт положительным. Благодаря разработке и стратегии, отличный дизайнер UX может начать создавать безупречный опыт для каждого пользователя.
Создание простого и эффективного опыта для пользователя имеет решающее значение, если вы хотите привлекать и удерживать клиентов. Сложный в использовании веб-сайт просто приведет к тому, что покупатель отключится и начнет искать в другом месте.
Прежде всего, UX действительно может сделать или разрушить ваш бизнес. Убедитесь, что вы производите наилучшее впечатление о своем бренде с помощью веб-сайта, который был создан и поддерживается с учетом потребностей клиентов.
UX-дизайнеры несут ответственность за предоставление конечным пользователям ценных, интуитивно понятных интерфейсов и плавное руководство ими к достижению своих целей.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Пользовательский опыт при работе с UX
Существуют популярные определения пользовательского опыта, и опираясь на них, мы обобщаем основные мысли, которые нужно задействовать при работе с UX
7 навыков, которыми обязан обладать веб-дизайнер в 2021 году
1. Умение принимать решения
Вся наша жизнь состоит из принятия решений. Начиная от выбора пары носков и заканчивая выбором криптовалюты, в которой вы будете хранить свои сбережения. При этом, у каждого человека ограниченное количество энергии для принятия решений. Чем больше решений за день вы примете, тем быстрее достигнете состояния усталости от принятия решений.
К сожалению, многие люди тратят всю эту энергию на сомнения и колебания. Поскольку именно способность принимать решение и придерживаться его оставляет запас энергии для принятия последующих решений. Поэтому люди делятся на тех, кто способен даже после потери бизнеса оставаться на плаву, и тех, кто не может решить, что им хочется на обед.
2. Понимание цели
Освежить знания основ дизайна – всегда хорошая идея. От теории цвета и типографики до пользовательского интерфейса и макета. Эти основы основ не только полезны для практического применения, но и помогают думать о дизайне на более высоком уровне.
Слишком часто дизайнеры не видят общей картины и это большая ошибка. Ведь общая картина не означает ваше портфолио. Это история, культура и контекст дизайна. В ваших же интересах всегда об этом помнить.
3. Представление о Фантастической Тройке веб-дизайна
Фантастическая тройка веб-дизайна – это HTML, CSS и JavaScript. Узнайте, что они из себя представляют и для чего используются.
Вы должны понимать их достаточно хорошо, чтобы вести разумный и аргументированный диалог. Речь не идет о знании работы фреймворков, библиотек или новейших инструментов сборки. Эти знания необходимы программистам. Вам же, важно знание строительных блоков архитектуры сайта. Чтобы, когда у вас спросят, действительно ли нужно размещать логотип компании в нижнем колонтитуле сайта, вы могли без заминок ответить и подкрепить свой ответ аргументами.
4. Создание убедительной и доступной презентации
Независимо от того, в какой области дизайна вы работаете, часто приходится презентовать свои идеи тому, кто не обладает вашими знаниями. Объясняете ли вы основы клиенту или объясняете свое решение коллеге, презентация идеи – лучший способ быть услышанным.
Презентация становится более убедительной, если исключить ненужные детали.
Часто в успешных и убедительных презентациях используется подход «меньше значит больше». Это похоже на финальный процесс работы над дизайном, когда вы удаляете все лишнее.
5. Знание стратегического SEO
SEO – это обширная сфера, в которой столько же подразделений, сколько и названий должностей в UX.
Есть несколько направлений SEO, которые обязательно нужно учитывать при создании сайта. Техническое SEO – это то, чем занимаются программисты и, если вы не программист, можете просто игнорировать это. В свою очередь контентным SEO занимаются маркетологи. А вот стратегическое SEO – это макро-взгляд на планы сайта. Каждый участник проекта должен понимать, что такое стратегическое SEO.
6. Владение вторым языком
Для вас не станет открытием, что Интернет выходит за территориальные границы вашего города. Он имеет мировое значение и объединяет миллиарды людей, разговаривающих на разных языках.
Если вы не являетесь носителем английского языка, выучить базовый английского – совсем не сложно. Вам не нужно бегло разговаривать или быть поэтичным, но знание основ – обязательно. Подавляющее большинство документации, графических интерфейсов пользователя, сообщений в блогах, форумов, конференций и сама сеть существует за счет на английского языка.
7. Умение сказать: «Нет»
Не зависимо от того, являетесь вы фрилансером или опытным штатным дизайнером, вам все равно нужно уметь отказывать.
У каждого работника существуют опасения, что, если отклонить проект или выполнение задачи, в следующий раз к нему не обратятся. Многие думают, что это приведет к плачевной ситуации, которая может грозить потерей карьеры.
Источник
1. Умение принимать решения
Вся наша жизнь состоит из принятия решений. Начиная от выбора пары носков и заканчивая выбором криптовалюты, в которой вы будете хранить свои сбережения. При этом, у каждого человека ограниченное количество энергии для принятия решений. Чем больше решений за день вы примете, тем быстрее достигнете состояния усталости от принятия решений.
К сожалению, многие люди тратят всю эту энергию на сомнения и колебания. Поскольку именно способность принимать решение и придерживаться его оставляет запас энергии для принятия последующих решений. Поэтому люди делятся на тех, кто способен даже после потери бизнеса оставаться на плаву, и тех, кто не может решить, что им хочется на обед.
2. Понимание цели
Освежить знания основ дизайна – всегда хорошая идея. От теории цвета и типографики до пользовательского интерфейса и макета. Эти основы основ не только полезны для практического применения, но и помогают думать о дизайне на более высоком уровне.
Слишком часто дизайнеры не видят общей картины и это большая ошибка. Ведь общая картина не означает ваше портфолио. Это история, культура и контекст дизайна. В ваших же интересах всегда об этом помнить.
3. Представление о Фантастической Тройке веб-дизайна
Фантастическая тройка веб-дизайна – это HTML, CSS и JavaScript. Узнайте, что они из себя представляют и для чего используются.
Вы должны понимать их достаточно хорошо, чтобы вести разумный и аргументированный диалог. Речь не идет о знании работы фреймворков, библиотек или новейших инструментов сборки. Эти знания необходимы программистам. Вам же, важно знание строительных блоков архитектуры сайта. Чтобы, когда у вас спросят, действительно ли нужно размещать логотип компании в нижнем колонтитуле сайта, вы могли без заминок ответить и подкрепить свой ответ аргументами.
4. Создание убедительной и доступной презентации
Независимо от того, в какой области дизайна вы работаете, часто приходится презентовать свои идеи тому, кто не обладает вашими знаниями. Объясняете ли вы основы клиенту или объясняете свое решение коллеге, презентация идеи – лучший способ быть услышанным.
Презентация становится более убедительной, если исключить ненужные детали.
Часто в успешных и убедительных презентациях используется подход «меньше значит больше». Это похоже на финальный процесс работы над дизайном, когда вы удаляете все лишнее.
5. Знание стратегического SEO
SEO – это обширная сфера, в которой столько же подразделений, сколько и названий должностей в UX.
Есть несколько направлений SEO, которые обязательно нужно учитывать при создании сайта. Техническое SEO – это то, чем занимаются программисты и, если вы не программист, можете просто игнорировать это. В свою очередь контентным SEO занимаются маркетологи. А вот стратегическое SEO – это макро-взгляд на планы сайта. Каждый участник проекта должен понимать, что такое стратегическое SEO.
6. Владение вторым языком
Для вас не станет открытием, что Интернет выходит за территориальные границы вашего города. Он имеет мировое значение и объединяет миллиарды людей, разговаривающих на разных языках.
Если вы не являетесь носителем английского языка, выучить базовый английского – совсем не сложно. Вам не нужно бегло разговаривать или быть поэтичным, но знание основ – обязательно. Подавляющее большинство документации, графических интерфейсов пользователя, сообщений в блогах, форумов, конференций и сама сеть существует за счет на английского языка.
7. Умение сказать: «Нет»
Не зависимо от того, являетесь вы фрилансером или опытным штатным дизайнером, вам все равно нужно уметь отказывать.
У каждого работника существуют опасения, что, если отклонить проект или выполнение задачи, в следующий раз к нему не обратятся. Многие думают, что это приведет к плачевной ситуации, которая может грозить потерей карьеры.
Источник
Сей-Хай
7 навыков, которыми обязан обладать веб-дизайнер в 2021 году – Сей-Хай
Веб-дизайн – это постоянно развивающаяся область. И те из нас, кто работает в ней долгое время (более шести месяцев), могут это подтвердить. За свою
Обзор 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
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
Продуктовый дизайн (UX/UI), брендинг и аналитика
ТОП-11 портфолио UI-дизайнера: зачем нужно, из чего состоит
Разобрала 11 сильных UI-портфолио. Результаты исследования собрала чек-лист. Внедряйте и раскачайте ваш личный бренд. Заходи изучать!
Пользовательский опыт и психология. 7 психологических приемов, которые помогут вам создать привлекательный UX
1. Постарайтесь вспомнить, что вы зевали в последний раз, в большинстве случаев люди рядом с вами тоже зевают
Это может быть физиологический феномен, называемый зеркальным рефлексом, а официальный термин для этого – эффект хамелеона. Создавая идеальную копию эмоций, это является попыткой имитировать эмоции своих пользователей. Глядя на иллюстрацию пользователь быстрее воспримет информацию, так как считает эмоцию.
2. Это должно быть хорошо, потому что выглядит красиво
Люди, которым не хватает технических знаний о конкретной нише технологий, судят о результате или продукте по тому, как они выглядят эстетически. Это явление называется эффектом эстетического удобства Эмоциональными факторами, которые побуждают вас сделать такие выводы, может быть что угодно, фотография, которая вам понравилась, может быть, дизайн с вашими любимыми цветами или классная анимация, которая привлекла ваше внимание.
Эстетичный дизайн, безмерно симпатичный, но нигде не видно, почему? Как бы красиво не выглядел дизайн, но дизайнерам жизненно важно поставить галочку в поле «Удобство использования», то есть простота использования, и именно поэтому такие красивые дизайны практически не применяются.
3. Я только что слышал свое имя
Вам удалось услышать свое имя в разговоре, в котором вы не участвовали?
Это психологический феномен и называется эффектом коктейльной вечеринки. Вспомните, как вы покупаете новую машину и каждый раз, когда видите, что та же самая модель проезжает мимо, вы думаете: «Почему так много людей купили эту машину после того, как я купил ее?», Это именно то, что вам нужно.
4. Среднего ребенка просто не слушают
Возможно, вы читали о синдроме среднего ребенка , это психологическое состояние, которое существует у детей, родившихся после и до ребенка, то есть промежуточных. Дети с этим синдромом часто чувствуют себя обделенными и изолированными от своих семей.
Очень похожий психологический эффект можно наблюдать, когда дело касается запоминания вещей среди людей, он называется эффектом последовательного позиционирования . Этот термин демонстрирует, что люди склонны запоминать только первую и последнюю часть серии, которую они только что видели или читали, и часто игнорируют среднюю часть.
5. Да, много вариантов
Когда пользователю предлагается несколько стимулов, ему в большинстве случаев требуется больше времени, чтобы выбрать один из доступных вариантов.
Пользователи не хотят, чтобы их засыпали выборами, с большим количеством вариантов, им нужно больше времени, чтобы интерпретировать и принимать решения, заставляя их работать над своим умом, чего они не хотят.
6. Вы выглядите знакомо, так что, думаю, я вас знаю
Вы бы заметили, что люди выбирают варианты, которые кажутся им знакомыми, например, люди, которые использовали iPhone, как правило, продолжают его использовать или обновляются только тогда, когда доступна лучшая версия, вы вряд ли увидите iPhone пользователь обновляет или переключается на Android. Люди склонны развивать это психологическое предпочтение из-за знакомства с продуктом или опыта. Это называется эффектом простой экспозиции.
7. Отмена
Дизайнеры используют метод повторяющихся действий, чтобы предоставить пользователям иллюзию контроля . Дизайнеры создают эту ситуацию, чтобы пользователи поверили, что они сами держат рулевое управление. Это позволяет пользователям быть уверенными в возможности результата. Психологи подтвердили, что мы, люди, склонны тревожиться, если не можем предопределить события своего жизненного пути. Один из простейших примеров – кнопка «X» в диалоговых окнах. На самом деле, у пользователя есть только два варианта на выбор: либо отменить действие, либо нажать кнопку «ОК», чтобы продолжить. Между тем, есть еще одна кнопка «X», которая имеет те же функции, что и кнопка «Отмена», но для пользователей она переводится как «Я не уверен, поэтому я не хочу принимать решение».
Источник
1. Постарайтесь вспомнить, что вы зевали в последний раз, в большинстве случаев люди рядом с вами тоже зевают
Это может быть физиологический феномен, называемый зеркальным рефлексом, а официальный термин для этого – эффект хамелеона. Создавая идеальную копию эмоций, это является попыткой имитировать эмоции своих пользователей. Глядя на иллюстрацию пользователь быстрее воспримет информацию, так как считает эмоцию.
2. Это должно быть хорошо, потому что выглядит красиво
Люди, которым не хватает технических знаний о конкретной нише технологий, судят о результате или продукте по тому, как они выглядят эстетически. Это явление называется эффектом эстетического удобства Эмоциональными факторами, которые побуждают вас сделать такие выводы, может быть что угодно, фотография, которая вам понравилась, может быть, дизайн с вашими любимыми цветами или классная анимация, которая привлекла ваше внимание.
Эстетичный дизайн, безмерно симпатичный, но нигде не видно, почему? Как бы красиво не выглядел дизайн, но дизайнерам жизненно важно поставить галочку в поле «Удобство использования», то есть простота использования, и именно поэтому такие красивые дизайны практически не применяются.
3. Я только что слышал свое имя
Вам удалось услышать свое имя в разговоре, в котором вы не участвовали?
Это психологический феномен и называется эффектом коктейльной вечеринки. Вспомните, как вы покупаете новую машину и каждый раз, когда видите, что та же самая модель проезжает мимо, вы думаете: «Почему так много людей купили эту машину после того, как я купил ее?», Это именно то, что вам нужно.
4. Среднего ребенка просто не слушают
Возможно, вы читали о синдроме среднего ребенка , это психологическое состояние, которое существует у детей, родившихся после и до ребенка, то есть промежуточных. Дети с этим синдромом часто чувствуют себя обделенными и изолированными от своих семей.
Очень похожий психологический эффект можно наблюдать, когда дело касается запоминания вещей среди людей, он называется эффектом последовательного позиционирования . Этот термин демонстрирует, что люди склонны запоминать только первую и последнюю часть серии, которую они только что видели или читали, и часто игнорируют среднюю часть.
5. Да, много вариантов
Когда пользователю предлагается несколько стимулов, ему в большинстве случаев требуется больше времени, чтобы выбрать один из доступных вариантов.
Пользователи не хотят, чтобы их засыпали выборами, с большим количеством вариантов, им нужно больше времени, чтобы интерпретировать и принимать решения, заставляя их работать над своим умом, чего они не хотят.
6. Вы выглядите знакомо, так что, думаю, я вас знаю
Вы бы заметили, что люди выбирают варианты, которые кажутся им знакомыми, например, люди, которые использовали iPhone, как правило, продолжают его использовать или обновляются только тогда, когда доступна лучшая версия, вы вряд ли увидите iPhone пользователь обновляет или переключается на Android. Люди склонны развивать это психологическое предпочтение из-за знакомства с продуктом или опыта. Это называется эффектом простой экспозиции.
7. Отмена
Дизайнеры используют метод повторяющихся действий, чтобы предоставить пользователям иллюзию контроля . Дизайнеры создают эту ситуацию, чтобы пользователи поверили, что они сами держат рулевое управление. Это позволяет пользователям быть уверенными в возможности результата. Психологи подтвердили, что мы, люди, склонны тревожиться, если не можем предопределить события своего жизненного пути. Один из простейших примеров – кнопка «X» в диалоговых окнах. На самом деле, у пользователя есть только два варианта на выбор: либо отменить действие, либо нажать кнопку «ОК», чтобы продолжить. Между тем, есть еще одна кнопка «X», которая имеет те же функции, что и кнопка «Отмена», но для пользователей она переводится как «Я не уверен, поэтому я не хочу принимать решение».
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Пользовательский опыт и психология. 7 психологических приемов, которые помогут вам создать привлекательный UX
UX-дизайн и психология имеют долгосрочные отношения (социальные, поведенческие и когнитивные). Большинство человеческих действий обусловлено мотивацией и конкуренцией
7 правил хорошего инклюзивного веб-дизайна
Разрабатывая сайт, мы должны побеспокоиться о том, чтобы у пользователей не возникало сложностей, и они получали лучший опыт. Только когда взаимодействие станет наслаждением, можно считать ваш сайт успешным.
Как вам такой факт, что около 1 миллиарда человек не получают наслаждение от дизайнов? Этим людям удается перейти по ссылке и посетить сайт, но они могут не понять, какой продукт продается, или как перейти на страницу оформления заказа.
Согласно статистике Всемирного банка, в мире насчитывается 1 миллиард людей с ограниченными возможностями. Это 15% от всего населения земного шара.
Несмотря на это, в попытке создать привлекательное приложение или сайт, многие дизайнеры не берут в расчет клиентов с особенностями. Ведь если клиент прямо не скажет, что он поддерживает пользователей с ограниченными возможностями, вы можете даже о них не вспомнить.
Применение концепции инклюзивного веб-дизайна означает, что дизайнер будет приносить лучшие результаты своим клиентам. Чем больше клиентов смогут привлечь ваши клиенты, тем больше похвалы и положительных отзывов вы получите.
Итак, как сделать выбор в пользу доступности, принимая дизайнерские решения?
Читать статью: https://say-hi.me/design/web-design/7-pravil-xoroshego-inklyuzivnogo-veb-dizajna.html
Разрабатывая сайт, мы должны побеспокоиться о том, чтобы у пользователей не возникало сложностей, и они получали лучший опыт. Только когда взаимодействие станет наслаждением, можно считать ваш сайт успешным.
Как вам такой факт, что около 1 миллиарда человек не получают наслаждение от дизайнов? Этим людям удается перейти по ссылке и посетить сайт, но они могут не понять, какой продукт продается, или как перейти на страницу оформления заказа.
Согласно статистике Всемирного банка, в мире насчитывается 1 миллиард людей с ограниченными возможностями. Это 15% от всего населения земного шара.
Несмотря на это, в попытке создать привлекательное приложение или сайт, многие дизайнеры не берут в расчет клиентов с особенностями. Ведь если клиент прямо не скажет, что он поддерживает пользователей с ограниченными возможностями, вы можете даже о них не вспомнить.
Применение концепции инклюзивного веб-дизайна означает, что дизайнер будет приносить лучшие результаты своим клиентам. Чем больше клиентов смогут привлечь ваши клиенты, тем больше похвалы и положительных отзывов вы получите.
Итак, как сделать выбор в пользу доступности, принимая дизайнерские решения?
Читать статью: https://say-hi.me/design/web-design/7-pravil-xoroshego-inklyuzivnogo-veb-dizajna.html
Сей-Хай
7 правил хорошего инклюзивного веб-дизайна – Сей-Хай
Разрабатывая сайт, мы должны побеспокоиться о том, чтобы у пользователей не возникало сложностей, и они получали лучший опыт. Только когда взаимодействие
Свежие сервисы по Figma
Figma Link Shortener!
Каждый раз, когда вы отправляете ссылку на макет заказчику, она выглядит длинной и некрасивой. Этот сервис позволяет сокращать ссылки для Figma до короткого, красивого формата.
Шорткаттер
Хотите быстрее выполнять действия в программе, но не помните горячие клавиши? Тогда эта утилита поможет вам изучить шорткаты в Figma и работать в разы быстрее.
Figma comments
Это приложение позволяет следить и отвечать на комментарии в макетах даже если вы далеко от компьютера.
Figside
Сервис позволяет быстро и качественно сверстать несложный макет из Figma.
FigmaStats
Если вы разработчик плагинов для 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/
За время работы автор узнал несколько вещей о дизайне и бизнесе, которые прошли проверку временем.
Приведенные в статье принципы ни в коем случае не являются универсальными истинами, но это одни из самых важных вещей, которые автор усвоил. Возможно они помогут вам в вашем творческом пути.
Содержание статьи
Типографика имеет решающее значение
Хорошему вкусу трудно научить, а еще труднее овладеть им
Лидерство исходит изнутри
Умение писать и формулировать свое творческое мышление имеет решающее значение
Одиночество и сотрудничество нуждаются друг в друге
Не путайте дизайн с дизайнерской работой
Чем больше у вас контекста, тем более правильные решения вы принимаете
Просите за свою работу соответствующую цену
Тяжелый труд окупается
Читать статью: https://ux.pub/moi-9-printsipov-dizayna-na-osnove-30-letnego-opyta-v-industrii/
UXPUB 🇺🇦 Дизайн-спільнота
Мои 9 принципов дизайна на основе 30-летнего опыта в индустрии
За время работы я узнал несколько вещей о дизайне и бизнесе, которые прошли проверку временем. Я надеюсь, что они помогут вам в вашем творческом пути
ТОП-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
Правила и лайфхаки, которые пригодятся для создания композиции в веб-дизайне. Проверено в проектах, берите на вооружение. 🔥👇
Композиция — это схема построения графического произведения, например, страницы сайта. Композиция задает расположение материалов в логическом порядке, при котором дизайн становится цельным и обретает внутренний смысл.
Сегодня поделюсь практическими советами и фишками, которые пригодятся при построении композиции в веб-дизайне.
Содержание
Что такое композиция, какая бывает и зачем она нужна?
Лучшие практики в работы с композицией
Правило 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
Продуктовый дизайн (UX/UI), брендинг и аналитика
11 правил композиции в веб-дизайне – №7 вас удивит!
Разобрала 11 правил композиции. Результаты исследования собрала в практические советы по созданию продуманного дизайна. Заходите изучать!
Полное руководство по 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
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/UI), брендинг и аналитика
Как создать User Flow за 5 шагов + 2 примера для Mobile и Web
Расскажу о ценности User Flow, а также покажу, как создать User Flow по шагам. Чек-лист с примерами и рекомендациями в конце статьи.
Болевые точки в клиентском опыте: Три уровня
Болевые точки – это проблемы, которые возникают на разных уровнях клиентского опыта: на уровне взаимодействия, на уровне клиентского флоу или на уровне взаимоотношений.
UX-профессионалы стремятся создать непрерывный CX, который будет выполнять поставленные пользователями задачи максимально эффективно. С этой целью мы проводим исследования пользователей, чтобы понять потребности и определить проблемы наших клиентов. Мы обычно называем эти проблемы болевыми точками – помехами в клиентском опыте использования продукта или услуги. Словосочетание «клиентский опыт» имеет решающее значение для определения болевой точки. Мы уже определяли, что клиентский опыт охватываеть три уровня: уровень взаимодействия, уровень флоу и уровень отношений. Болевой точкой может оказаться проблема на любом из них – она может быть связана с конкретным взаимодействием с интерфейсом (в таком случае это называется проблемой юзабилити), с флоу, когда у клиента не получается достичь цели, или с долгосрочным опытом взаимодействия клиента с компанией.
Читать статью: https://design-glory.com/7063/tri-urovnya-bolevyh-tochek-v-ux
Болевые точки – это проблемы, которые возникают на разных уровнях клиентского опыта: на уровне взаимодействия, на уровне клиентского флоу или на уровне взаимоотношений.
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 экрана статичного контента, чаще всего, у верстальщика будут вопросы. Переборов свою лень и сделав ТЗ для верстальщика со скриншотами за полчаса - вам не придется в дальнейшем отвлекаться на различные диалоги.
Источник
Итак, вы получили вкусный заказ, Заказчик кажется потрясающе адекватным (даже не отправляет по 5 голосовых в минуту), вы понимаете, как быстро выполнить заказ, и уже даже прикинули, куда потратить денежку...Однако, спустя время что-то пошло не так…
1. Очевидное - заключайте договор и получайте деньги частями
Без договора - вы примерно всегда неправы. Ваши слова будут истрактованы неверно, а оставшихся денег, если вы не используете 100% предоплату, вы не получите примерно никогда. К слову, даже если предоплата получена, у Заказчика всегда есть шанс подать на “необоснованное обогащение” и еще парочку веселых статей, и дальше уже вам придется доказывать, что деньги получены не случайно, что вы выполнили всю работу и так далее.
Составить договор относительно просто - обратиться к недорогому юристу или надрать шаблонов студий и с их помощью скомпилировать результат. Работать можно от лица самозанятого, ИП или через безопасную сделку какой-нибудь биржи.
Сдавать работу и принимать оплату лучше частями, например: 20% за ТЗ по брифу, 30% за прототип, 15% за итоговую концепцию главной, 35% после сдачи остатка. После сдачи части работы - обязательно подписывайте акт приемки-передачи.
2. Неочевидное - записывайте все диалоги
Один раз договора не хватило. Заказчик почти месяц под разными предлогами настаивал, что я должна предоставить ему 3 дизайна всех страниц (!) вместо одного, хотя в диалоге по телефону обсуждались исключительно 3 концепции. Потерь нервов и времени можно было бы избежать, если бы я тогда записывала все диалоги, чего и вам советую.
3. Очевидное - заполняйте и утверждайте бриф
Как оказалось, многие из коллег, особенно на простых услугах, до сих пор минимально брифуют клиента по телефону или посредством переписки, не предоставляют клиенту “под подпись” конечный вариант брифа и начинают работу. Часто это заканчивается фатально - Заказчик недоволен, остаток средств вы не получаете, работа уходит в никуда. Вывод простой: опросили заказчика - составили бриф, получили финальное “да”, предоплату - и только потом начинаете действовать.
Если бриф финализировать не удалось - лучше даже не начинать работу.
4. Неочевидное - брифа почти всегда мало.
Бриф - хороший документ для начала. Кроме брифа на дизайн сайта, по-хорошему, нужны:
Референсы, примеры того, что нравится или не нравится, и самое главное - почему! Как минимум по 2-3 примера по каждой части. Удивительно, но далеко не у всех в брифах это есть.
Прототипы и CJM, если их делаете не вы.
Цель создания сайта, максимально приближенные конкуренты.
Пожелания по стилю/стилистике, по тем же сайтам можно назвать как минимум 12 стилистик, из которых может выбрать заказчик.
5. Очевидное - обсудите в чем будете сдавать макеты
Не раз мне на голубом глазу Заказчик сообщал что ему нужен только дизайн, верстальщик у него есть, хотя на самом деле ему нужен был Тильда-сайт. Как-то раз это выяснилось в процессе, и было крайне неудобно отказываться от выполнения после того, как 70% проекта сделано.
6. Неочевидное - обсудите правила сдачи, размеры макетов, наличие верстальщика и программиста у заказчика
Возможно, это тема для холивара, однако я считаю так: несмотря на то, что я лично занимаюсь только UX и дизайном, для меня важно, чтобы в свет вышел достойный сайт, а не глючное нечто, которым невозможно пользоваться. Чтобы проект не остался “на полке”, потому что Заказчик не смог доделать его до конца силами сторонних исполнителей.
7. Очевидное - подготовьте макеты для верстки
Тут просто - разложите все по полочкам, чтобы верстальщику было удобно.
8. Неочевидное - напишите подробное ТЗ по шрифтам, анимациям, предложите свою помощь в проверке результата
В случае, если проект сложнее чем 3 экрана статичного контента, чаще всего, у верстальщика будут вопросы. Переборов свою лень и сделав ТЗ для верстальщика со скриншотами за полчаса - вам не придется в дальнейшем отвлекаться на различные диалоги.
Источник
vc.ru
Как успешно сдать дизайн заказчику в 2021 году — Дизайн на vc.ru
Истории моего “успеха” по лишению денег и времени, а также подробный гайд, как работать с заказчиком по дизайну и не собрать все возможные грабли.