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

Интерфейсы *

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

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

Прогресс WebAssembly и будущее веба. Быстрые интерфейсы, пример Figma

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

Скетч из статьи Лин Кларк «Создание и работа с модулями WebAssembly»

WebAssembly (Wasm) — это бинарный формат для безопасного и эффективного выполнения портативных программ в стековой виртуальной машине (в браузере или на сервере). Как и ASM.js, представляет собой низкоуровневый код. Есть ещё WAT — WebAssembly Text, человекочитаемая версия бинарного кода.

WebAssembly — не столько язык программирования, сколько цель компиляции, новый вид ассемблера, который работает близко к железу, принимая программы на C, C++, Rust и других привычных языках. При этом Wasm гораздо быстрее ASM.js и выполняет код в браузере почти как нативные программы под любой ОС.
Читать дальше →
Всего голосов 57: ↑54 и ↓3+51
Комментарии16

Подборка необычных функций в мессенджерах, о которых вы (возможно) еще не слышали

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

Привет! Меня зовут Алексей Едакин, я занимаюсь лонгридами в команде корпоративного мессенджера We.Teams. В сентябре Clubhouse обновился и сделал чаты, в которых можно общаться только голосом. Мне эта новая фича показалась интересной, поэтому решил вспомнить, какие еще необычные идеи реализовывали в других приложениях и программах для общения. В подборке есть как и «забытые технологии предков» так и относительно свежие решения.

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

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

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

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

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

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

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

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

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

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

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

Истории

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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
Комментарии27

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фильтры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать далее
Всего голосов 25: ↑23 и ↓2+21
Комментарии5

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

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

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

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