Страница «О компании» на сайте: нужно ли уделять ей много внимания?
Страница «О компании» — это прекрасная возможность убедить клиента в том, что нужно сделать выбор в пользу именно вас. Как этого добиться? Рассказываем в статье.
Сделайте страницу «О компании» полезной, привлекательной для клиента и передающей основные ценности компании. Желаем больших конверсий!
Читать статью
#Design #UX
Страница «О компании» — это прекрасная возможность убедить клиента в том, что нужно сделать выбор в пользу именно вас. Как этого добиться? Рассказываем в статье.
Сделайте страницу «О компании» полезной, привлекательной для клиента и передающей основные ценности компании. Желаем больших конверсий!
Читать статью
#Design #UX
Полезно знать📌 Принцип золотого сечения в digital - дизайне
-Это альфа и омега любого дизайна - правило золотого сечения дает идеальные пропорции, дизайн выглядит гармонично и естественно. Золотое сечение выглядит визуально вот так (1 фото).
-Если не заморачиваться с формулой, пропорции золотого сечения отдельных элементов составляют 3/2, или 5/3, и так далее. По этому принципу делаются основные элементы сайта. Например, когда при разработке лендинга нужно разместить на странице несколько блоков, золотое сечение приходит на помощь. Идеальная пропорция ширины каждого блока выглядит примерно так (2 фото).
-То же самое касается типографики: колонок текста, размеров заголовка по отношению к шрифту основного текста, размера рекламного баннера и текста под ним и так далее.
- Золотая спираль может быть как вертикальной, так и горизонтальной.
Статья
#Design #UX
-Это альфа и омега любого дизайна - правило золотого сечения дает идеальные пропорции, дизайн выглядит гармонично и естественно. Золотое сечение выглядит визуально вот так (1 фото).
-Если не заморачиваться с формулой, пропорции золотого сечения отдельных элементов составляют 3/2, или 5/3, и так далее. По этому принципу делаются основные элементы сайта. Например, когда при разработке лендинга нужно разместить на странице несколько блоков, золотое сечение приходит на помощь. Идеальная пропорция ширины каждого блока выглядит примерно так (2 фото).
-То же самое касается типографики: колонок текста, размеров заголовка по отношению к шрифту основного текста, размера рекламного баннера и текста под ним и так далее.
- Золотая спираль может быть как вертикальной, так и горизонтальной.
Статья
#Design #UX
Фетишизация UX-дизайна. Быть дизайнером – значит намного больше, чем мы себе представляем
UX-дизайн сложен. Наша работа – это не только забота о потребностях клиентов.
Мы должны создавать дизайны, которые разработчики могут построить. Придумывайте решения, которые принесут пользу бизнесу, помимо красивого внешнего вида.
Мы также думаем о том, как сделать их доступными, работать на многих устройствах и как это повлияет на другие части нашего продукта.
Читать статью
#Design #UX
UX-дизайн сложен. Наша работа – это не только забота о потребностях клиентов.
Мы должны создавать дизайны, которые разработчики могут построить. Придумывайте решения, которые принесут пользу бизнесу, помимо красивого внешнего вида.
Мы также думаем о том, как сделать их доступными, работать на многих устройствах и как это повлияет на другие части нашего продукта.
Читать статью
#Design #UX
Telegraph
Фетишизация UX-дизайна. Быть дизайнером – значит намного больше, чем мы себе представляем
В 2012 году Google Ventures создала дизайн-спринт. Это пятидневное взаимодействие с членами вашей продуктовой команды. Вы «пробегаете» весь процесс проектирования за неделю, от определения проблемы до создания прототипа. Его суть в том, чтобы привнести идеи…
Важный принцип UX : не усложняйте
Оптимизированный пользовательский интерфейс сокращен для повышения скорости и эффективности. Вы можете подумать, что для этого нужно просто сжать изображения, использовать понятный язык и избежать ненужного ввода данных, но почти всегда нужно сделать больше.
При создании прототипа пользовательского интерфейса вы должны внимательно следить за каждым элементом – каждым изображением, призывом к действию, абзацем, кнопкой или элементом стиля – и спрашивать: «Это действительно необходимо?».
- Если от него избавиться, потеряет ли конечный пользователь что-нибудь значимое?
- Будет ли им труднее достичь своей цели или сайт им станет меньше?
Если элемент не оправдывает своего присутствия, выбросьте его.
Простой дизайн легче продемонстрировать, понять, запустить и поддерживать. И вы всегда можете добавить что-то обратно, если станет ясно, что на это есть спрос.
Автор
#Design #UX
Оптимизированный пользовательский интерфейс сокращен для повышения скорости и эффективности. Вы можете подумать, что для этого нужно просто сжать изображения, использовать понятный язык и избежать ненужного ввода данных, но почти всегда нужно сделать больше.
При создании прототипа пользовательского интерфейса вы должны внимательно следить за каждым элементом – каждым изображением, призывом к действию, абзацем, кнопкой или элементом стиля – и спрашивать: «Это действительно необходимо?».
- Если от него избавиться, потеряет ли конечный пользователь что-нибудь значимое?
- Будет ли им труднее достичь своей цели или сайт им станет меньше?
Если элемент не оправдывает своего присутствия, выбросьте его.
Простой дизайн легче продемонстрировать, понять, запустить и поддерживать. И вы всегда можете добавить что-то обратно, если станет ясно, что на это есть спрос.
Автор
#Design #UX
Вот основные задачи которые выполняет UX-дизайнер:
-Ознакомление с компанией, её идеологией и целями. Анализ текущего положения на рынке и исследование конкурентной среды;
-Исследование ЦА, их интересов, потребностей и болей. Составление портретов для типов пользователей;
-Составление сценария взаимодействия пользователя с сайтом;
-Изучение проблем пользователей во время взаимодействия с продуктом, их пожеланий и отношения к продукту;
-Анализ и подбор наилучшего решения для повышения пользовательского опыта;
-Проектирование вайрфреймов с высокой точностью;
-Тестирование вайрфеймов на потенциальных пользователях;
-Подбор наиболее подходящего визуального стиля и (иногда) разработка дизайна для иллюстрации и иконок с учетом целей компании и проведенного ранее исследования;
-(Иногда) проектирование адаптивного интерфейса для всех платформ;
-Разработка прототипа сайта;
-Проведение юзабилити-тестирования на потенциальных пользователях;
-(Иногда) разработка дизайн системы;
Автор
#Design #UX
-Ознакомление с компанией, её идеологией и целями. Анализ текущего положения на рынке и исследование конкурентной среды;
-Исследование ЦА, их интересов, потребностей и болей. Составление портретов для типов пользователей;
-Составление сценария взаимодействия пользователя с сайтом;
-Изучение проблем пользователей во время взаимодействия с продуктом, их пожеланий и отношения к продукту;
-Анализ и подбор наилучшего решения для повышения пользовательского опыта;
-Проектирование вайрфреймов с высокой точностью;
-Тестирование вайрфеймов на потенциальных пользователях;
-Подбор наиболее подходящего визуального стиля и (иногда) разработка дизайна для иллюстрации и иконок с учетом целей компании и проведенного ранее исследования;
-(Иногда) проектирование адаптивного интерфейса для всех платформ;
-Разработка прототипа сайта;
-Проведение юзабилити-тестирования на потенциальных пользователях;
-(Иногда) разработка дизайн системы;
Автор
#Design #UX
UX совет. Сделайте отписку максимально простой
Ловушка для тараканов (roach motel) – это темный паттерн UX, когда очень легко войти в ситуацию, а затем раздражающе трудно выбраться из нее.
Если я подписался на ваш продукт, сделайте максимально простой возможность отменить подписку.
Я не должен звонить в службу поддержки, отправлять письмо, читать часто задаваемые вопросы или общаться с агентом. Просто дайте мне долбанную кнопку с надписью «Отмена» и позвольте мне продолжить жить своей жизнью.
#UX
Ловушка для тараканов (roach motel) – это темный паттерн UX, когда очень легко войти в ситуацию, а затем раздражающе трудно выбраться из нее.
Если я подписался на ваш продукт, сделайте максимально простой возможность отменить подписку.
Я не должен звонить в службу поддержки, отправлять письмо, читать часто задаваемые вопросы или общаться с агентом. Просто дайте мне долбанную кнопку с надписью «Отмена» и позвольте мне продолжить жить своей жизнью.
#UX
О чем следует помнить при проектировании баннеров
1. Размещение баннера
Баннеры прерывают работу пользователя, но их уровень прерывания должен соответствовать уровню важности. Вы должны разместить их там, где они будут заметны, не мешая пользователю. Кроме того, у пользователей должна быть возможность их отклонить.
2. Они должны выделяться
Вы можете экспериментировать с градиентами, цветами, полужирным шрифтом, визуальными эффектами: добавляйте изображения с помощью значков или соответствующих иллюстраций, чтобы они были интересными. Идея состоит в том, чтобы отделить паттерн от среды, в которой он размещен.
3. Проектируйте для масштабируемости
Представьте, сколькими способами он будет использоваться разработчиком. Используйте элементы, которые работают с разными пропорциями и размерами. Учитывайте все возможные крайние случаи.
Визуализация того, что будет дальше после нажатия на баннер, даже важнее, чем сам баннер.
4. Баннерная слепота
Если разместить баннеры один под другим или заполнить пространство слишком большим количеством баннеров, ни один из них не окажет желаемого воздействия. Дизайнер должен очень осторожно использовать эти элементы.
5. Злоупотребление
Если на целевой странице постоянно отображается один и тот же баннер, подумайте, нужно ли вам постоянно отображать эту информацию на странице. Попробуйте мыслить нестандартно. В прямом смысле!
Сохранение актуальности: информация, представленная не заинтересованным пользователям, часто воспринимается как шумная и ненужная – используйте данные персонализации для предоставления соответствующих баннеров.
#Banner #Design #UX
1. Размещение баннера
Баннеры прерывают работу пользователя, но их уровень прерывания должен соответствовать уровню важности. Вы должны разместить их там, где они будут заметны, не мешая пользователю. Кроме того, у пользователей должна быть возможность их отклонить.
2. Они должны выделяться
Вы можете экспериментировать с градиентами, цветами, полужирным шрифтом, визуальными эффектами: добавляйте изображения с помощью значков или соответствующих иллюстраций, чтобы они были интересными. Идея состоит в том, чтобы отделить паттерн от среды, в которой он размещен.
3. Проектируйте для масштабируемости
Представьте, сколькими способами он будет использоваться разработчиком. Используйте элементы, которые работают с разными пропорциями и размерами. Учитывайте все возможные крайние случаи.
Визуализация того, что будет дальше после нажатия на баннер, даже важнее, чем сам баннер.
4. Баннерная слепота
Если разместить баннеры один под другим или заполнить пространство слишком большим количеством баннеров, ни один из них не окажет желаемого воздействия. Дизайнер должен очень осторожно использовать эти элементы.
5. Злоупотребление
Если на целевой странице постоянно отображается один и тот же баннер, подумайте, нужно ли вам постоянно отображать эту информацию на странице. Попробуйте мыслить нестандартно. В прямом смысле!
Сохранение актуальности: информация, представленная не заинтересованным пользователям, часто воспринимается как шумная и ненужная – используйте данные персонализации для предоставления соответствующих баннеров.
#Banner #Design #UX
Избегайте рандомности
Подобная рекомендация верна и для многих других типов диаграмм.
Не используйте стандартную сортировку по алфавиту.
Поместите самые большие значения вверху (для горизонтальных столбчатых диаграмм) или слева (для вертикальных столбчатых диаграмм), чтобы наиболее важные значения занимали наиболее заметное пространство, уменьшая движения глаз и время, необходимое для чтения диаграммы.
Автор
#Design #UX #UI
Подобная рекомендация верна и для многих других типов диаграмм.
Не используйте стандартную сортировку по алфавиту.
Поместите самые большие значения вверху (для горизонтальных столбчатых диаграмм) или слева (для вертикальных столбчатых диаграмм), чтобы наиболее важные значения занимали наиболее заметное пространство, уменьшая движения глаз и время, необходимое для чтения диаграммы.
Автор
#Design #UX #UI
Пять важных принципов проведения интервью с пользователем
Интервью — самый эффективный метод исследования. Он позволяет глубоко погрузиться в потребности пользователя, хорошо понять отрасль и отыскать реальные проблемы, которые существуют у целевого рынка. В интервью нет ничего сложного. Если придерживаться нескольких принципов, вы получите всю необходимую информацию.
Читать подробнее
#Design #UX
Интервью — самый эффективный метод исследования. Он позволяет глубоко погрузиться в потребности пользователя, хорошо понять отрасль и отыскать реальные проблемы, которые существуют у целевого рынка. В интервью нет ничего сложного. Если придерживаться нескольких принципов, вы получите всю необходимую информацию.
Читать подробнее
#Design #UX
Когда наступит смерть UX-дизайнеров?
Дизайн – это процесс выяснения проблемы и выбора подходящего решения. А когда решение не работает, дизайнер должен понять недостаток и выбрать следующее подходящее решение.
В последние годы появление инструментов прототипирования на основе искусственного интеллекта обозначило мрачное будущее для UI / UX дизайнеров.
Читать подробнее
#UX #UI
Дизайн – это процесс выяснения проблемы и выбора подходящего решения. А когда решение не работает, дизайнер должен понять недостаток и выбрать следующее подходящее решение.
В последние годы появление инструментов прототипирования на основе искусственного интеллекта обозначило мрачное будущее для UI / UX дизайнеров.
Читать подробнее
#UX #UI
Sketch – это инструмент векторного дизайна, позволяющий создавать, как вайрфреймы, так и высококачественные дизайны.
Он был впервые выпущен в 2010 году и быстро стал популярным среди UX-дизайнеров.
В Sketch есть активное сообщество, которое работает над определением приоритетности функций, формированием фидбека и выявлением проблем. В свою очередь, Sketch продолжает улучшаться благодаря участию сообщества, а новые инструменты и функции выпускаются ежемесячно.
#UX
Он был впервые выпущен в 2010 году и быстро стал популярным среди UX-дизайнеров.
В Sketch есть активное сообщество, которое работает над определением приоритетности функций, формированием фидбека и выявлением проблем. В свою очередь, Sketch продолжает улучшаться благодаря участию сообщества, а новые инструменты и функции выпускаются ежемесячно.
#UX
Избегайте выравнивания по центру для длинных блоков текста
Если текст длиннее двух или трех строк, всегда рекомендуется избегать выравнивания по центру.
Когда вы выравниваете по центру более длинный текст, вы заставляете читателя делать дополнительные движения глаз с обеих сторон контента. Это приводит к ненужной утомляемости глаз и к снижению внимания при чтении.
#Design #UX
Если текст длиннее двух или трех строк, всегда рекомендуется избегать выравнивания по центру.
Когда вы выравниваете по центру более длинный текст, вы заставляете читателя делать дополнительные движения глаз с обеих сторон контента. Это приводит к ненужной утомляемости глаз и к снижению внимания при чтении.
#Design #UX
Повысьте удобочитаемость, выбрав правильную длину строки для основного текста
Работа с основным текстом и определение подходящей длины строки поможет добиться баланса.
Длина строки от 45 до 75 символов считается достаточной для страницы с одним столбцом, а строка из 66 символов (которая включает как буквы, так и пробелы) считается оптимальным вариантом.
Конечно, размер шрифта и высота строки играют важную роль в определении читабельности, но для длины строки придерживайтесь ограничения в 45–75 символов, и все будет в порядке.
#Design #UX
Работа с основным текстом и определение подходящей длины строки поможет добиться баланса.
Длина строки от 45 до 75 символов считается достаточной для страницы с одним столбцом, а строка из 66 символов (которая включает как буквы, так и пробелы) считается оптимальным вариантом.
Конечно, размер шрифта и высота строки играют важную роль в определении читабельности, но для длины строки придерживайтесь ограничения в 45–75 символов, и все будет в порядке.
#Design #UX
Ловите удачный референс тёмной темы от дизайнеров приложения Яндекса
Наличие тёмной темы — это важная UX-штука. Она помогает пользователю удобно читать информацию, особенно в тёмное время суток.
Яндекс запустил тёмную тему для своего приложения на iOS. Более того, приложение подстраивается под режим, который установлен на iPhone. Выглядит хорошо.
#Design #UX
Наличие тёмной темы — это важная UX-штука. Она помогает пользователю удобно читать информацию, особенно в тёмное время суток.
Яндекс запустил тёмную тему для своего приложения на iOS. Более того, приложение подстраивается под режим, который установлен на iPhone. Выглядит хорошо.
#Design #UX
Книга «Не заставляйте меня думать. Веб-юзабилити и здравый смыслКнига посвящена юзабилити веб-сайтов и мобильных приложений.» Cтив Круг.
Автор популярно, с примерами и иллюстрациями, объясняет, как сделать сайт или мобильное приложение, которым будет удобно пользоваться всем.
Благодаря своей практичности, остроумию и здравому смыслу эта книга стала одним из самых любимых и рекомендуемых изданий на тему юзабилити.
#UX #Книги
Автор популярно, с примерами и иллюстрациями, объясняет, как сделать сайт или мобильное приложение, которым будет удобно пользоваться всем.
Благодаря своей практичности, остроумию и здравому смыслу эта книга стала одним из самых любимых и рекомендуемых изданий на тему юзабилити.
#UX #Книги
Как выглядит недостаточная мотивация в UI / UX дизайне?
- триггеры не выделяются (непривлекательный дизайн);
- триггеры не вызывают эмоционального влечения (нецелевой дизайн);
- слишком мало или вовсе нет дополнительных триггеров (ослабление интереса и внимания);
- слишком много триггеров (раздражает своей навязчивостью);
- мотивация не подкрепляется визуально и эмоционально;
- стимулы отсутствуют или не интересны целевой аудитории;
визуальные эффекты начинаются хорошо, а потом идут на спад.
Пользователи уходят, когда у них нет мотивации остаться и выполнить необходимое действие, что является серьезным упущением со стороны создателей проекта. Привлекательных триггеров недостаточно. Триггер – это просто призыв к действию. Только реальная мотивация может заставить пользователя выполнить это действие.
#UX #UI
- триггеры не выделяются (непривлекательный дизайн);
- триггеры не вызывают эмоционального влечения (нецелевой дизайн);
- слишком мало или вовсе нет дополнительных триггеров (ослабление интереса и внимания);
- слишком много триггеров (раздражает своей навязчивостью);
- мотивация не подкрепляется визуально и эмоционально;
- стимулы отсутствуют или не интересны целевой аудитории;
визуальные эффекты начинаются хорошо, а потом идут на спад.
Пользователи уходят, когда у них нет мотивации остаться и выполнить необходимое действие, что является серьезным упущением со стороны создателей проекта. Привлекательных триггеров недостаточно. Триггер – это просто призыв к действию. Только реальная мотивация может заставить пользователя выполнить это действие.
#UX #UI
Когда использовать в списках продуктов радиокнопки, а когда выпадающие списки?
Когда дело доходит до списков продуктов, может быть сложно выбрать лучший элемент для отображения предложений продукта.
Полезное пространство экрана довольно ограничено, и необходимо избежать информационной перегрузки пользователя. Поэтому используйте радиокнопки, когда у вас четыре варианта или меньше, а если у вас больше четырех вариантов – используйте раскрывающийся список.
#UX | Автор
Когда дело доходит до списков продуктов, может быть сложно выбрать лучший элемент для отображения предложений продукта.
Полезное пространство экрана довольно ограничено, и необходимо избежать информационной перегрузки пользователя. Поэтому используйте радиокнопки, когда у вас четыре варианта или меньше, а если у вас больше четырех вариантов – используйте раскрывающийся список.
#UX | Автор
Сделайте навигацию сайта максимально
последовательной
Следуйте лучшим практикам и постарайтесь обеспечить единообразие навигации по сайту.
Даже незначительные изменения могут вызвать у пользователя когнитивный диссонанс и разочарование.
На определенных типах сайтов могут быть незначительные исключения из правил, но на большинстве сайтов поддерживайте последовательную навигацию.
#UX
последовательной
Следуйте лучшим практикам и постарайтесь обеспечить единообразие навигации по сайту.
Даже незначительные изменения могут вызвать у пользователя когнитивный диссонанс и разочарование.
На определенных типах сайтов могут быть незначительные исключения из правил, но на большинстве сайтов поддерживайте последовательную навигацию.
#UX
Вопросы, которые задают в Google UX - исследователям.
1. Что такое P-value? В чём ее особенность?
2. Предположим, вы используете отслеживание взгляда на участнике с экзотропией (косоглазием), и не можете успешно откалибровать UI. Что вы сделаете?
3. Опишите свой самый значительный навык как UX-дизайнера. Какой совет вы бы дали тому, кто пытается этому научиться?
4. Как бы вы проводили интервью с пользователями, если бы пытались протестировать конкретное взаимодействие?
5. Представьте, что у вас есть 3 разных пользовательских интерфейса, и вам нужно выяснить, какой из них лучше. Что бы вы сделали?
6. У вас есть два продукта. Вам нужно задать 1 вопрос пользователям, чтобы определить, какой из них они больше предпочитают. Что бы вы спросили?
7. Какие трудности бывают у UX-исследователей? Как их преодолеть?
8. Подумайте о приложении, которое вам нравится. Предположим, менеджер по продукту говорит вам, что он хочет, чтобы вы нашли 10 основных проблем в интерфейсе? Как бы вы это сделали?
9. Как вы справляетесь, когда люди скептически относятся к ценности исследования юзабилити?
10. Как понять, что проект «готов»?
#Design #UX
1. Что такое P-value? В чём ее особенность?
2. Предположим, вы используете отслеживание взгляда на участнике с экзотропией (косоглазием), и не можете успешно откалибровать UI. Что вы сделаете?
3. Опишите свой самый значительный навык как UX-дизайнера. Какой совет вы бы дали тому, кто пытается этому научиться?
4. Как бы вы проводили интервью с пользователями, если бы пытались протестировать конкретное взаимодействие?
5. Представьте, что у вас есть 3 разных пользовательских интерфейса, и вам нужно выяснить, какой из них лучше. Что бы вы сделали?
6. У вас есть два продукта. Вам нужно задать 1 вопрос пользователям, чтобы определить, какой из них они больше предпочитают. Что бы вы спросили?
7. Какие трудности бывают у UX-исследователей? Как их преодолеть?
8. Подумайте о приложении, которое вам нравится. Предположим, менеджер по продукту говорит вам, что он хочет, чтобы вы нашли 10 основных проблем в интерфейсе? Как бы вы это сделали?
9. Как вы справляетесь, когда люди скептически относятся к ценности исследования юзабилити?
10. Как понять, что проект «готов»?
#Design #UX