Важность ясности в UX дизайне
С точки зрения дизайна, времена сильно изменились с момента появления веб-дизайна в 90-х годах прошлого столетия. Конкретная технология и ее приложения стали более стабильными. Взаимодействие человека и компьютера (HCI) было глубоко исследовано, и дизайнеры расширили свое понимание этого вопроса. Представления пользователей, каким должен быть веб-опыт также обновились.
Это эволюционный путь развития технологии, ставшей широко доступной и используемой во всем мире. Похоже, что те, кому не удалось соответствующим образом развиваться в этой изменчивой цифровой экосистеме, были отодвинуты в сторону. Разумеется, подобная участь ждала и плохо спроектированные веб-сайты, предоставляющие некачественный опыт.
Время чтения: 5 мин
Читать статью
#DesignLesson
#WebLesson
С точки зрения дизайна, времена сильно изменились с момента появления веб-дизайна в 90-х годах прошлого столетия. Конкретная технология и ее приложения стали более стабильными. Взаимодействие человека и компьютера (HCI) было глубоко исследовано, и дизайнеры расширили свое понимание этого вопроса. Представления пользователей, каким должен быть веб-опыт также обновились.
Это эволюционный путь развития технологии, ставшей широко доступной и используемой во всем мире. Похоже, что те, кому не удалось соответствующим образом развиваться в этой изменчивой цифровой экосистеме, были отодвинуты в сторону. Разумеется, подобная участь ждала и плохо спроектированные веб-сайты, предоставляющие некачественный опыт.
Время чтения: 5 мин
Читать статью
#DesignLesson
#WebLesson
Основные принципы прототипирования:
1️⃣ Прототип создается только после того как определена целевая аудитория, маркетинговая стратегия, каналы сбыта.
2️⃣ В прототипе должны быть учтены основные пользовательские сценарии. При тестировании хорошей идеей является озвучить задачу и отойти подальше от пользователя. Если у последнего в ходе использования прототипа возникают множественные вопросы, то это означает, что необходимо пересмотреть и переработать сценарии использования.
3️⃣ Прототип является интерактивной моделью, так как он направлен на проверку возможных действия пользователя, а не на согласование картинки.
4️⃣ В основе любого прототипа должна лежать гипотеза, которую необходимо проверить. Необходимо сформулируйте гипотезу так, чтобы на нее можно было четко ответить «да» или «нет» и прописать, как именно прототип даст вам ответ на этот вопрос.
5️⃣ При тестировании прототипа необходимо давать минимум информации потенциальному пользователю. Причина проста – чем больше он «наломает дров», тем лучше для продукта, так надо тестировать, а не валидировать сценарии.
6️⃣ Проверять все, даже если есть уверенность в том или ином функционале будущего продукта.
7️⃣ Дизайн прототипа должен быть максимально лаконичным без отвлекающих внимание пользователя ярких картинок, цветовых акцентов или перечеркнутых квадратов. Конечно, если они не являются частью проверяемой гипотезы. В этом случае, есть риск того, что пользователь зациклится на наполнении визуального интерфейса.
8️⃣Если есть возможность сделать прототип похожим на реальность, то именно так и стоит сделать.
9️⃣ При тестировании необходимо просить пользователя проговаривать вслух все мысли и действия и вести видеозапись самого процесса тестирования.
Необходимо помнить, что прототип продукта — это не конечная версия. Но именно он поможет сделать продукт ближе к идеалу, вовремя найти изъяны и грамотно спланировать дальнейший список действий.
1️⃣ Прототип создается только после того как определена целевая аудитория, маркетинговая стратегия, каналы сбыта.
2️⃣ В прототипе должны быть учтены основные пользовательские сценарии. При тестировании хорошей идеей является озвучить задачу и отойти подальше от пользователя. Если у последнего в ходе использования прототипа возникают множественные вопросы, то это означает, что необходимо пересмотреть и переработать сценарии использования.
3️⃣ Прототип является интерактивной моделью, так как он направлен на проверку возможных действия пользователя, а не на согласование картинки.
4️⃣ В основе любого прототипа должна лежать гипотеза, которую необходимо проверить. Необходимо сформулируйте гипотезу так, чтобы на нее можно было четко ответить «да» или «нет» и прописать, как именно прототип даст вам ответ на этот вопрос.
5️⃣ При тестировании прототипа необходимо давать минимум информации потенциальному пользователю. Причина проста – чем больше он «наломает дров», тем лучше для продукта, так надо тестировать, а не валидировать сценарии.
6️⃣ Проверять все, даже если есть уверенность в том или ином функционале будущего продукта.
7️⃣ Дизайн прототипа должен быть максимально лаконичным без отвлекающих внимание пользователя ярких картинок, цветовых акцентов или перечеркнутых квадратов. Конечно, если они не являются частью проверяемой гипотезы. В этом случае, есть риск того, что пользователь зациклится на наполнении визуального интерфейса.
8️⃣Если есть возможность сделать прототип похожим на реальность, то именно так и стоит сделать.
9️⃣ При тестировании необходимо просить пользователя проговаривать вслух все мысли и действия и вести видеозапись самого процесса тестирования.
Необходимо помнить, что прототип продукта — это не конечная версия. Но именно он поможет сделать продукт ближе к идеалу, вовремя найти изъяны и грамотно спланировать дальнейший список действий.
Как создать концепцию: опыт и принципы
Концепция — это этап на ранней стадии развития продукта, на котором смыслы обретают форму, чтобы донести основную идею. Этот этап также важная точка отсчёта и синхронизации команды по принципам масштабирования продукта и его дизайна.
Когда перед командой стоит задача заложить дизайн-концепцию, которая должна не только отвечать требованиям IT-отрасли, но и отражать все смыслы, которые находятся под капотом продукта, а также иметь запас прочности для дальнейшего роста, легко потеряться во взаимоотношениях бизнеса и пользователя — и сложно нащупать то, от чего можно оттолкнуться, чтобы найти точки соприкосновения между разными слоями продукта.
Мы описали основные шаги в создании дизайн-концепции — они и послужат опорой для дизайнера и команды в условиях неопределенности ранней стадии.
Читать статью
#DesignLesson
#UILesson
#UXLesson
Концепция — это этап на ранней стадии развития продукта, на котором смыслы обретают форму, чтобы донести основную идею. Этот этап также важная точка отсчёта и синхронизации команды по принципам масштабирования продукта и его дизайна.
Когда перед командой стоит задача заложить дизайн-концепцию, которая должна не только отвечать требованиям IT-отрасли, но и отражать все смыслы, которые находятся под капотом продукта, а также иметь запас прочности для дальнейшего роста, легко потеряться во взаимоотношениях бизнеса и пользователя — и сложно нащупать то, от чего можно оттолкнуться, чтобы найти точки соприкосновения между разными слоями продукта.
Мы описали основные шаги в создании дизайн-концепции — они и послужат опорой для дизайнера и команды в условиях неопределенности ранней стадии.
Читать статью
#DesignLesson
#UILesson
#UXLesson
Telegraph
Как создать концепцию: опыт и принципы
Этап разработки концепции поможет команде Заложить принципы масштабирования продукта от версии к версии, чтобы избежать грубого редизайна и ошибок в архитектуре. Собрать все смыслы в единую картину и подчеркнуть с помощью UX/UI-дизайна ключевые ценности и…
LightBox с точки зрения UX/UI и как он меняет продукты
В Экосистеме РСХБ мы создаем инновационные продукты для сельского хозяйства.
Для их разработки мы решили использовать подход мировых компаний в области UX/UI.
Чтобы не повторять ошибки конкурентов и создать полноценную экосистему.
Основой всех продуктов экосистемы стал LightBox, который является сквозным функциональным дизайн-решением. Например, в проекте для фермеров, мы решаем насущные проблемы и вопросы фермера в одном окне и кроме маркетплейса товаров предоставляем большое число услуг
и сервисов.
Сложность проекта заключается в объединении в одном портале разных сценариев и ролей.
Что такое LightBox и почему именно «LightBox», а не «LightWindow», в чем его отличие от Pop-up, как он способен изменить продукт. Все это я постараюсь рассказать ниже.
Время чтения: 5 мин
Читать статью
#DesignLesson
#UiLesson
#UXLesson
В Экосистеме РСХБ мы создаем инновационные продукты для сельского хозяйства.
Для их разработки мы решили использовать подход мировых компаний в области UX/UI.
Чтобы не повторять ошибки конкурентов и создать полноценную экосистему.
Основой всех продуктов экосистемы стал LightBox, который является сквозным функциональным дизайн-решением. Например, в проекте для фермеров, мы решаем насущные проблемы и вопросы фермера в одном окне и кроме маркетплейса товаров предоставляем большое число услуг
и сервисов.
Сложность проекта заключается в объединении в одном портале разных сценариев и ролей.
Что такое LightBox и почему именно «LightBox», а не «LightWindow», в чем его отличие от Pop-up, как он способен изменить продукт. Все это я постараюсь рассказать ниже.
Время чтения: 5 мин
Читать статью
#DesignLesson
#UiLesson
#UXLesson
Teletype
LightBox с точки зрения UX/UI и как он меняет продукты
1 — С точки зрения разработки LightBox представляет собой всплывающее окно с изображением.
Интерфейс 6+: принципы разработки UX/UI для детей
Когда мы говорим о дизайне для детей, перед глазами обычно возникает красочная картинка с крупными кнопками и мультяшными персонажами. В реальности, разумеется, все далеко не так просто. Создавая «детский» интерфейс, вы должны учитывать десятки нюансов: от навигации до пользовательских путей — чтобы ваш результат отвечал особенностям восприятия ребенка.
Читать статью
#DesignLesson
#UXLesson
#UILesson
Когда мы говорим о дизайне для детей, перед глазами обычно возникает красочная картинка с крупными кнопками и мультяшными персонажами. В реальности, разумеется, все далеко не так просто. Создавая «детский» интерфейс, вы должны учитывать десятки нюансов: от навигации до пользовательских путей — чтобы ваш результат отвечал особенностям восприятия ребенка.
Читать статью
#DesignLesson
#UXLesson
#UILesson
Teletype
Интерфейс 6+: принципы разработки UX/UI для детей
Для создания качественного решения важно понимать, как работает детский ум и чем он отличается от «взрослой» логики. То, как ребенок...