Как стать автором
Обновить
76.14

Интерфейсы *

То, что помогает ориентироваться

Сначала показывать
Порог рейтинга
Уровень сложности

Почему навигация в Google, Booking и Spotify именно такая, и какую лучше выбрать вам

Уровень сложности Средний
Время на прочтение 12 мин
Количество просмотров 869

При работе над паттерном навигации моя команда выяснила интересный факт — мало материалов для дизайнеров. Я провела своё исследование: поговорила с разработчиками, проанализировала множество приложений и заглянула в гайдлайны.

В статье покажу три самых популярных вида навигации, которые есть на рынке на начало 2024 года. Я выкладывала этот материал на английском языке и собрала 25 тысяч просмотров. Теперь делюсь ей с русскоязычным комьюнити.

Вы узнаете:

какие основные виды навигации существуют,

как логически работает навигация,

некоторые особенности и различия платформенных решений (iOS vs Android).

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

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 2

Новости

Как заменить фотостоки на нейронки в коммерческих проектах: личный опыт и промпты

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 6.7K

Зачем нужны фотостоки, если нейросети готовы производить бесконечное количество нужных вам изображений? Расскажу, как мы получили несколько несколько сотен фотореалистичных изображений людей и пакет иконок для коммерческого сайта с помощью нейронок, потратив ~50 часов дизайнеров и $60 на Pro Plan Midjourney.

Плюс, конечно, наша насмотренность и опыт, которым я сейчас поделюсь с вами!

Читать далее
Всего голосов 11: ↑9 и ↓2 +7
Комментарии 13

Класс коннектор для Диадок API на Python

Время на прочтение 5 мин
Количество просмотров 1.5K

Решил поделиться своим опытом как я собирался сделать сервис управлением ЭДО провайдерами по правилам SOLID.

Для начала я решил составить архитектуру сервиса, решил что класс управления api должен включать в себя http клиент как зависимость, так как не все могут захотеть использовать requests для выполнения запросов, еще это даст возможность переехать на асинхронную версию. Изучив документацию системы Диадок, я узнал что запросы можно выполнять как в JSON формате так и используя RPC модели. Поэтому я назвал класс DiadocJSONClient и он использует библиотеку requests для http запросов.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 4

Дизайн-разбор ссылок в вёрстке

Уровень сложности Простой
Время на прочтение 8 мин
Количество просмотров 7.7K

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

Начнём со ссылок, которые обозначаются в HTML тегом <a></a>.

Читать далее
Всего голосов 11: ↑9 и ↓2 +7
Комментарии 5

Истории

Книга «Дизайн для разработчиков»

Время на прочтение 20 мин
Количество просмотров 6K
image

Привет, Хаброжители!

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

Книга раскрывает основные принципы дизайна и особенности пользовательского восприятия, которые должен знать каждый веб-разработчик. Читателю определенно понравится, как автор демонстрирует новые идеи на примерах популярных сайтов и пользовательских интерфейсов. Откройте методы исследования поведения юзеров и научитесь использовать цвет, типографику и верстку для создания удобных и привлекательных веб-интерфейсов. К концу книги вы поймете, что хорошее чувство дизайна действительно является ценным подспорьем для разработчика!
Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Комментарии 5

Что ученые знают про темные паттерны в дизайне: как повышают конверсию и насколько роняют доверие?

Время на прочтение 5 мин
Количество просмотров 2.5K

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

Очевидно, что темные паттерны работают, иначе их бы не использовали. Но корпорации редко публикуют результаты своих экспериментов. Я решила поискать, проверялись ли какие-нибудь темные паттерны в научных статьях и что вообще исследователи знают про них. 

Читать далее
Всего голосов 9: ↑8 и ↓1 +7
Комментарии 12

Я полностью слеп и я сам себе техподдержка

Время на прочтение 5 мин
Количество просмотров 6.7K
Я пользуюсь Интернетом уже 20 лет. Думаю, примерно в 2004 году, у меня наконец-то на семейном компьютере была установлена нормальная программа для чтения с экрана. Я не так долго наблюдал, чем у некоторые, но все же это позволило мне увидеть некоторые радикальные изменения, произошедшие с разработкой программного обеспечения, доступностью и большими технологиями.

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

Десять лет назад (я взял эту цифру с потолка, но я думаю, что она точна) это все еще было в какой-то степени верно, но чтобы компенсировать это, агенты обычно имели определенный уровень прозрачности и контроля над системами, которые они поддерживали, и некоторые возможности, которых нет у пользователей. Сейчас часто кажется, что служба поддержки существует только для того, чтобы делать то же самое, что мы уже можем делать с веб-сайта или приложения.
Читать дальше →
Всего голосов 32: ↑25 и ↓7 +18
Комментарии 11

Редизайн игрового интерфейса. Как, а главное зачем?

Уровень сложности Простой
Время на прочтение 15 мин
Количество просмотров 3.5K

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

Читать далее
Всего голосов 9: ↑8 и ↓1 +7
Комментарии 19

Типы-расширения в Dart

Уровень сложности Средний
Время на прочтение 9 мин
Количество просмотров 1.2K

Тип-расширение (extension type) – это абстракция, которая происходит на этапе компиляции и "оборачивает" существующий тип, предоставляя для него новый, сугубо статический интерфейс. Типы-расширения являются важным компонентом статической интеграции с JavaScript (static JS interop), поскольку они позволяют легко изменять интерфейс существующего типа (что критически важно для любого вида взаимодействия) без затрат на создание реального объекта-обёртки.

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

Читать далее
Всего голосов 6: ↑5 и ↓1 +4
Комментарии 0

Презентация дизайн-решения — самый важный этап в работе и жизни дизайнера

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 989

28 советов как успешно и с кайфом для заказчика презентовать и защитить работу

Здесь хочу поделиться своими рассуждениями и наработками по поводу презентаций. Считаю, что это самый важный этап по 2 причинам:
— Я заметил как афигенные решения «сгорают» из-за плохой презентации и дизайнер тонет в доработках. А среднии решения, наоборот, взлетали из-за супер навыка презентации и работы с обратной связью;
— Где-то давно услышал следующую мысль: «Повышают на работе не самого лучшего сотрудника, а того, кто может в выгодном свете продемонстрировать результат своей работы»

Читать →
Всего голосов 2: ↑1 и ↓1 0
Комментарии 2

KORG в кармане

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 8K
image

Игровые консоли могут издавать звуки? Звуки могут меняться, если в игре происходят разные действия? Могут. Так, стоп! Но ведь это уже основа для создания музыкального софта для консолей. «Ни слова больше!», — слова не мальчика, но композитора, который стоит за созданием портативных версий KORG для Nintendo.
Читать дальше →
Всего голосов 54: ↑54 и ↓0 +54
Комментарии 10

«Не заставляйте меня вводить цифры»: реализуем сложный повтор в мобильном календаре

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 2.1K

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

Некоторые события в календарной сетке являются регулярными, то есть повторяются с определённой периодичностью. Например, можно отметить в календаре день рождения бабушки, чтобы вовремя её поздравить. Бывают повторы посложнее — скажем, для тренировок в фитнес-клубе, которые проходят каждую среду и пятницу в 19:00. Чтобы не вносить в календарь каждую тренировку по отдельности, есть возможность настроить повторяющееся событие.

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

Читать далее
Всего голосов 19: ↑19 и ↓0 +19
Комментарии 26

Как дизайнеры помогают заменить GitLab: что из этого получилось

Время на прочтение 14 мин
Количество просмотров 9K

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

Сегодня речь пойдёт про последнее упомянутое решение — REpublic или релизный портал, который помогает нашим разработчикам выкатывать более тысячи релизов каждый день. Я расскажу, зачем мы начали его делать и с какими сложностями столкнулись.

Читать далее
Всего голосов 97: ↑90 и ↓7 +83
Комментарии 52

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн

Почему невозможно купить хороший нож рыбака? По тем же причинам, что и появился и пропал Touch Bar в MacBook Pro

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 12K

Конечно я в курсе, что все, кто на Apple - это снобы и надо всем завтра на линукс. Желательно на Дебиан 6.0. Но Apple многие люди тоже ценят. И многие из них еще и рыбаки.

Для любого дела нужен хороший инструмент. Правильный и подходящий именно для этого дела. Начну с рыбалки. А потом уже привяжу к теме MacBook Pro.

Читать далее
Всего голосов 31: ↑24 и ↓7 +17
Комментарии 65

Как 6 экранов в приложении увеличили конверсию в два раза

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 1.7K

Кейс Digital команды домашнего интернета от Tele2.

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

Читать далее
Всего голосов 6: ↑3 и ↓3 0
Комментарии 0

Вырезаем кусочек из объема, не залезая в объем

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 1.4K

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

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 1

Схема цепи преобразования данных в системах с интерфейсами

Уровень сложности Средний
Время на прочтение 8 мин
Количество просмотров 1.3K

Метод схематизации вариативности данных в точках их преобразований в информационной системе

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

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

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Комментарии 1

Что внутри портфолио продуктовых и ux/ui-дизайнеров из Figma, Notion, Яндекс, Тинькофф и Ozon?

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 8K

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

Читать →
Всего голосов 11: ↑6 и ↓5 +1
Комментарии 4

Как работать с текстом при дизайне игровых интерфейсов

Время на прочтение 5 мин
Количество просмотров 2.3K

Статья про приёмы, упрощающее восприятие текста игроками и про особенности работы с текстом на игровых проектах.

Читать далее
Всего голосов 21: ↑20 и ↓1 +19
Комментарии 6

Аналоговые индикаторы против цифровых. Жертвы маркетинга против ретроградов

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 5.7K

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

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

Читать далее
Всего голосов 7: ↑5 и ↓2 +3
Комментарии 97

Вклад авторов