Интерфейсы *

Меня зовут Станислав Хрусталёв, я автор сайта hardclient.com. Работаю в управлении клиентским опытом с 2009 года. Пишу на эту тему, собираю лучшие практики из мира Customer Experience и оцениваю сервисные модели компаний.

Некоторое время назад я задался идеей: собрать базу лучших практик UX/UI в области электронной коммерции. Как сделать покупки в интернет-магазине максимально удобными для клиента? Чтобы он возвращался снова и рекомендовал вас друзьям и знакомым?

Время шло, и из небольшой статьи материал стал превращаться в крупнейшую (?) открытую русскоязычную базу с лучшими практиками UX/UI в сфере e-commerce.

Дизайн-ревью. Внедряем новый процесс

Сегодня я хочу рассмотреть предложенную функцию HTML, которая может в итоге заменить множество пользовательских компонентов ввода на основе <div>: <selectmenu>.

Привет! Меня зовут Даниил Видишев, я продуктовый дизайнер в Inly.

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

Относительно недавно команда Telegram выпустила обновление, с которым появилась возможность встраивать в мессенджер веб-приложения. Эта статья — обзор основных моментов внедрения веб-приложениий в телеграм-ботов.

Как инициатива IT-направления помогла огромному телекому поменять культуру, запустить множество digital-продуктов, и стать современной цифровой компанией.

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

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

Что стоит учесть, чтобы спроектировать идеальный интерфейс сравнения? 156 гайдлайнов в этой статье.

Я Алексей Красильников, UX-архитектор Центра продуктов Dozor в компании «РТК-Солар». Под моим крылом — продукты Solar Dozor, Solar webProxy, Solar addVisor. И я очень признателен своим талантливым коллегам по UX за то, что они следуют выбранному курсу, несмотря на все трудности. Эта статья — выжимка нашего командного опыта и пройденного пути. Она будет полезна тем, кто начинает решать задачи дизайна в работающих сервисах.

Всем привет, на связи дизайнеры студии Focus. В первой части статьи мы рассказывали, как к нам пришла идея доработки UX приложения сети ресторанов Mama Mia, а также, как проводили интервью и изучали ЦА. А сегодня поделимся результатами тестирования текущего приложения и покажем, как проводили конкурентный анализ.

Привет! Я – Андрей, дизайнер компании, которая специализируется на цифровых решениях для ЖКХ. Один из наших продуктов – мобильное приложение жителя. Точнее платформа, на базе которой создаются брендированные версии таких приложений для различных управляющих компаний. Хочу поделиться опытом редизайна этой платформы.

В исследованиях нашей UX-лаборатории — Alfa Research Center — мы часто измеряем удовлетворённость от банковских интерфейсов. Один из инструментов — методика SUS — System Usability Scale.

Мы решили проверить, насколько оценка SUS связана с эмоциями и с какими конкретно эмоциями. В Alfa Research Center в этом нам помогает нейросеть Sense Machine, которая замеряет настроение и реальный эмоциональный отклик человека по мимике и движениям глаз.

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

Свое приложение есть уже у большинства крупных интернет-магазинов. На их сайтах мы можем встретить блоки с призывом к установке.

Но меня поразило: насколько много компаний относятся к этому вопросу спустя рукава. Для многих это точка роста.

В статье – ответы на вопрос о том, как этого роста достичь.

Hola, Amigos!

На связи Саша Чаплыгин, Flutter-dev. На проектах я нередко взаимодействую с дизайнерами, арт- и креативными директорами, поэтому решил почитать для себя статьи о том, как строиться дизайн мобильных приложений. Что нужно учитывать в разработке дизайна, чтобы пользователь сразу понимал, как пользоваться приложением. Нашел интересную статью на Medium от автора Ramprakash Ravichandran перевел ее и актуализировал некоторые пункты под современные реалии вместе с нашим дизайнером. Оригинальный текст тут.

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

Что мы чаще всего встречаем первым делом, зайдя на сайт интернет-магазина? Это слайдер с баннерами на главной странице. Как сделать его цепляющим, удобным? Что в нем стоит разместить?

В этой статье разберем 103 гайдлайна с примерами.

Новичок в веб-дизайне? Восхищаешься красивыми анимированными кейсами на Behance, но не знаешь, как сделать анимацию и добавить видео в свою презентацию? Тогда эта статья специально для тебя: я пошагово расскажу, что надо делать!

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

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

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

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