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

Интерфейсы *

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

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

Невидимая проблема текстовых редакторов на смартфонах

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

Когда я рассказываю о своих исследованиях редактирования текста на мобильных в Google, то обычно сталкиваюсь с непониманием и немного враждебным «Разве на телефонах нельзя редактировать тексты? В чём проблема?»

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

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

Новости

Нам надо серьезно поговорить про UX

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

Существует популярное мнение, что UI — это про то, как выглядит интерфейс, а UX — про то, как он работает и как с ним взаимодействует пользователь. Есть разные интерпретации этой парадигмы. В образовательных учреждениях, у кого-то они более удачные, у кого-то менее, но даже в корректных трактовках, когда разбираешься с начинкой курса, все сводится к тому, что UI/UX-дизайнер — это проектировщик интерфейсов, а не «буквально всего», как завещал Дон Норман. 

Три примера UX Youtube, которые вообще не про UI.

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

Принципы хорошего дизайна интерфейсов. И причем здесь программисты?

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

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

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

Очередной ответ на вопрос: «Зачем нужна семантика?»

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 2.8K
Аналитика

Этот вопрос преследует меня всю мою карьеру, начиная с 2013 года. Одни разработчики отвечают, потому что так правильно. Другие говорят про SEO. Третьи — ничего не говорят. А я считаю, что атрибут role является отличным ответом на этот вопрос!

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

Истории

Доступность сервиса: виды ограничений

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

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

Человек может не очень хорошо видеть, слышать, мыслить и двигаться. Иногда эти проблемы с ним ненадолго и вот он снова в строю. А иногда ничего уже не поправишь, и всю свою жизнь человек проведёт с ОВЗ, то есть с ограниченными возможностями здоровья. ОВЗ — уже устоявшийся термин, который звучит более дружелюбно, чем «инвалид», так что давайте использовать именно его. Рассмотрим виды и типы ограничений в статье.

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

Как создать сайт на фреймворке Cample.js?

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

В данной статье будет описано небольшое руководство по тому, как создать сайт на таком фреймворке как Cample.js. На момент написания статьи (версия 3.1.1), фреймворк уже более года находится в разработке. За это время был реализован минимальный функционал для создания современных веб-приложений.

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

Почему мой любимый API — это файл zip на сайте Европейского центрального банка

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 27K
Обзор
Перевод

Когда был максимальный курс доллара к евро?

Вот небольшая программа, вычисляющая это:

curl -s https://www.ecb.europa.eu/stats/eurofxref/eurofxref-hist.zip \ | gunzip \ | sqlite3 -csv ':memory:' '.import /dev/stdin stdin' \ "select Date from stdin order by USD asc limit 1;"

Результат: 2000-10-26. (Можете попробовать запустить её самостоятельно.)

Читать далее
Всего голосов 104: ↑90 и ↓14 +76
Комментарии 26

Как внедрить Prototype в Singleton в Spring с помощью параметра ProxyMode

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

Если просто добавить к определению бина аннотацию @Scope(SCOPE_PROTOTYPE), и использовать этот бин в синглтоне через аннотацию @Autowired – будет создан только один объект. Потому что синглтон создается только однажды, и обращение к прототипу случится тоже однажды при его создании (при внедрении зависимости).

На самом деле вариантов довольно много:

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

Что не так с дизайнерами интерфейсов. Есть ли разница между UX/UI и продуктовым дизайнером?

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

В 2023 году слово «дизайнер» трактуется по-разному. Для одних — это специалист, который создает графику или работает с 3D, для других — человек, который занимается изучением клиентского опыта и созданием пользовательских сценариев, а для третьих — художник и деятель искусства. Работа звучит абсолютно по-разному, хотя и те и другие являются дизайнерами. Какие дизайнеры на IT-рынке бывают на сегодняшний день:

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

Почему портятся приложения: тирания маржинального пользователя

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 15K
Обзор
Перевод

Недавно мы с моим другом оплакивали странную смерть OKCupid. Семь лет назад, когда я впервые попробовал онлайн-знакомства, он работал следующим образом: нужно было написать длинный рассказ о себе и о том, что ты ищешь. Ты отвечал на сотни вопросов о своей личности, мечтах, о том, что хочешь увидеть в партнёре, о том, что для тебя недопустимо. Затем тебе показывали самых совместимых с тобой пользователей с «показателем соответствия» от 0 до 100%. Эти показатели работали пугающе хорошо. Почти каждый раз, когда я читал профиль пользователя с показателем соответствия 95% или выше, я как будто немного влюблялся. Каждое свидание было интересным; «химия» возникала не всегда, но мне казалось, что мы, по крайней мере, можем стать отличными друзьями.

Сегодня я достаточно скептически отношусь к количественным оценкам романтики и к идее о том, что схожесть обеспечивает хорошие отношения. Да и в то время я был довольно скептичен. Чего я не ожидал, так это того, что OKCupid образца 2016 года окажется лучшим, на что будут способны сервисы онлайн-знакомств. Что инструменты, при помощи которых люди будут пытаться искать самые важные отношения в своей жизни, будут становиться всё хуже, и хуже, и хуже. OKCupid, как и другие проекты, купленные Match.com, сегодня стал просто ещё одним клоном Tinder — видишь лицо, свайпаешь влево, видишь лицо, свайпаешь вправо. Цифровой ночной клуб. А я не хочу искать себе жену в ночном клубе.

И это касается не только приложений для знакомств. Почти все популярные потребительские приложения двигаются в сторону минимального участия пользователя, лент с бесконечным скроллингом и мусорного контента. Даже самое драгоценное в Интернете, поиск в Google, настолько испортился, что его нельзя использовать для сложных запросов. Reddit и Craigslist остаются невероятно полезными и ценными именно потому, что их ПО замерло в своём развитии. Как старые викторианские дома в Сан-Франциско, они стоят, защищённые причудами судьбы от ветров капитала, напоминая нам о более гуманной эпохе.

Читать далее
Всего голосов 89: ↑88 и ↓1 +87
Комментарии 84

Страница iPhone 15 / эволюция и микро-революции в UI / как apple переизобрела CTA и при чем тут бизнес-культура?

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

В корпоративной среде «прорывные» продукты не создаются руками одаренных индивидуалистов, на сколько бы они не были талантливы. Даже если речь касается продуктовой страницы. Шаблонные проекты и wow-кейсы — все это результат корпоративной культуры, в которой либо, на продакшн уходит «огрызок» хорошей идеи или «рукастый середнячок», как винтик системы, делает микро революции. 

Что мы получим в 2023 году, если возьмем обычных исполнителей и окунем их в бизнес-культуру эппла? Предлагаю посмотреть на эволюцию и микрореволюции в коммуникации и интерфейсах посадочной / продуктовой страницы iPhone 15.

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

Как фильтры далеки от совершенства

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

Привет, Хабр! Меня зовут Ломакина Мария. Я процессный‑аналитик нескольких продуктов экосистемы в компании СМ Лаб. Моя статья будет посвящена тому, как много всего придумано, но как некачественно сделано. То ли это профессиональная деформация, то ли я очень восприимчивый и требовательный пользователь.

Фильтры

Недавно, делая заказ на одном из популярных маркетплейсов, поняла, что до совершенства нам еще «топать и топать». Как же хочется просто нажать одну кнопку и вот тебе полный набор всего того, что ты хочешь. Как же хочется не скролить часами в поисках того самого идеального продукта. Как же хочется не устанавливать десятки параметров для того, что бы маркетплейсы предложили тебе в итоге не то, что ты ищешь. Хочется получить то, что хочется и быстренько.

Может возникнуть вопрос «а что не так с нынешними популярным маркетплейсами»?

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

Базовые принципы UX для frontend-разработчика

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 11K
Обзор

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

Дизайн превью: Марина Четвертакова

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

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

Yandex Scale
Дата 25 – 26 сентября
Время 17:00 – 18:00
Место Москва Онлайн
Битва пет-проектов
Дата 25 сентября – 30 ноября
Место Онлайн
Business⁢ Day: Retail CPG
Дата 28 сентября
Время 09:50 – 14:00
Место Онлайн
XIX конференция разработчиков свободных программ «Базальт СПО»
Дата 29 сентября – 1 октября
Время 10:00 – 19:00
Место Переславль-Залесский Онлайн
Kokoc Hackathon
Дата 29 сентября – 1 октября
Время 19:00 – 21:00
Место Онлайн
Ruby Russia 2023 Online
Дата 30 сентября
Время 11:00 – 21:00
Место Онлайн
PG Boot Camp Russia 2023
Дата 5 октября
Время 10:00 – 17:00
Место Москва Онлайн
Joker
Дата 9 – 14 октября
Время 16:00 – 19:30
Место Санкт-Петербург Онлайн
Питч-сессия pravo (tech) impulse
Дата 19 октября
Время 15:45 – 17:30
Место Москва
Russia Risk Conference 2023 — 19-я конференция по риск-менеджменту
Дата 25 – 26 октября
Время 10:00 – 19:00
Место Москва Онлайн
Онлайн IT HR-конференция HR42
Дата 17 – 18 ноября
Время 10:00 – 14:00
Место Онлайн

Как изменить оформление и логику большого сервиса и не сойти с ума

Время на прочтение 11 мин
Количество просмотров 947
Кейс

Привет, Хабр! Мы — команда личного кабинета МТС Бизнес — сервиса для работы с корпоративными номерами. У нас пользователи могут подключать и отключать номера своих сотрудников, управлять тарифами, настраивать переадресацию, заказывать документы для бухгалтерии вроде счета-фактуры или акта сверки и многое другое.

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

Как отправлять пользовательский интерфейс по API

Время на прочтение 7 мин
Количество просмотров 5.5K
Перевод
image

Есть приём, позволяющий совершенно по-новому представить работу с пользовательскими интерфейсами (UI). Можно передавать UI на клиент через различные API – так получаются серверно-управляемые пользовательские интерфейсы. Такой метод позволяет выйти на новый уровень гибкости и динамичности, трансформирует традиционные парадигмы разработки UI.

Серверно-управляемые UI существуют совсем не только в теории. Их внедряют некоторые крупнейшие игроки технологической индустрии. В качестве примеров можно привести Lyft и Airbnb. Они активно используют серверно-управляемые UI, чтобы выдавать миллионам пользователей во всём мире динамический контент и быстро предоставлять обновления.

Но что же собой представляют серверно-управляемые UI? Как они работают и почему приобретают такую важность в современной разработке на JavaScript? В данном посте мы постараемся ответить на эти вопросы и углублённо рассмотреть серверно-управляемые UI, их достоинства, а также как можно реализовать такой интерфейс в вашем собственном проекте.
Читать дальше →
Всего голосов 7: ↑7 и ↓0 +7
Комментарии 11

6 развлекательных проектов на Python: от шаверма-бота до игры в слова

Время на прочтение 4 мин
Количество просмотров 9K
Обзор

Все, кто кодят на Python, знают, что это далеко не скучный и серьезный язык. При определенной доле фантазии на нем можно написать логику работы любого приложения, даже совершенно гиковского. И есть немало примеров, когда такие пет-проекты становились не только полем развития навыков разработчика, но и коммерческой идеей. Под катом собрали шесть подобных задач от Selectel — для вдохновения и прокачки навыков. Сохраняйте статью в закладки: пригодится всем, кто разрабатывает на Python.
Читать дальше →
Всего голосов 35: ↑35 и ↓0 +35
Комментарии 2

10 инсайтов про VK и Telegram, или Как мы исследовали банкинг в мессенджерах

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

Год назад мы начали глубоко погружаться в тему мессенджеров и исследовать, что и как там делают пользователи. В результате первыми в России запустили банкинг в VK, много общались с респондентами и создали залипательный коммуникационный дизайн.

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

Читать далее
Всего голосов 24: ↑22 и ↓2 +20
Комментарии 5

Чтение на выходные: «Психбольница в руках пациентов. Алан Купер об интерфейсах»

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 3.7K
Обзор

Алан Купер — дизайнер и разработчик из США. Отец Visual Basic — языка программирования, на котором до сих пор работают макросы Office. Как личность  сильно неравнодушен ко всему удобному. По крайней мере такое впечатление создается уже после чтения первых глав. Вероятно, мятежный дух и питал его новаторские устремления в попытках сделать интерфейсы лучше, практичнее и подчинить их человеку (а не наоборот).

Читать далее
Всего голосов 14: ↑12 и ↓2 +10
Комментарии 13

Как разгрузить информационно-насыщенный дизайн

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

Сила правильной расстановки акцентов

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

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

Визуальная конкуренция появляется тогда, когда дизайнеру не удаётся направить внимание пользователя на определённые элементы. Никогда не относитесь ко всему, что есть на экране, одинаково, иначе вы получите этот эффект «перегруженности».

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

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

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 1.5K
Обзор

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

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

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