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

Интерфейсы *

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

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

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

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

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

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

Читать далее
Всего голосов 141: ↑133 и ↓8+125
Комментарии62

Новости

Когда закончится эра безграмотных мобильных интерфейсов? Воспоминания о курсе эргономики 1985 года

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

Друзья, вы уже в курсе, что IOS достигла версии 17, а Android версии 12? Уже более 10 лет как две огромные фирмы мучают людей и совершенно не собираются умнеть.
Начнем с простого действия. Которое на компьютерах называется ESC. Отмена. Или возврат к предыдущему состоянию. Функция та же что и у BACKSPACE, но не в применению к набору текста, а к любому действию, которое захотелось отменить.
Apple упорно лишает пользователей телефонов и планшетов этой функции.

Это явное насилие, ибо понять почему на клавиатуре нет этой кнопки невозможно. Тем более, что на компьютрах Apple она имеется. Но в планшете iPad ее нет.

Андроидные телефоны имеют кнопку назад. Сразу имели. А вот Apple сделала позорную недокнопку в левом верхнем углу. Вроде бы нужная кнопка что бы вернуться в предыдущее приложение, да вот заранее не предусмотрели и пришлось встраивать "костыль".

Вот я из "Почты" нырнул в какое-то приложение. И возврат обратно вот такой мизерной незаметной строчкой. < Mail. Попасть в нее пальцем ну мягко говоря не просто. Равно как и разглядеть.

Читать далее
Всего голосов 185: ↑158 и ↓27+131
Комментарии376

Тирания маргинального юзера. Почему всё вокруг становится примитивнее

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


C каждым годом софт требует всё больше ресурсов: больше памяти, мощного CPU, аппаратного ускорения графики и т. д. Причина в целом понятна. Постоянные тормоза веб-платформы и нового софта — отчасти плата за удобство разработки (с повышением уровня абстракций). Железо становится мощнее, индустрия это использует. Всё нормально.

Но непонятно другое. Почему происходит реальная деградация интерфейсов. Грубо говоря, почему они становятся всё более примитивными и тупыми, словно рассчитаны на жителей «Идиократии» (на КДПВ). И речь не только о веб-сайтах.
Читать дальше →
Всего голосов 176: ↑162 и ↓14+148
Комментарии596

Несоответствия исторических пластов Windows 11 — если копнуть, на дне сохранились даже элементы Windows 3.1

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


Спустя несколько лет Windows 11 доросла до более-менее нормального состояния, так что ею с удовольствием пользуется большинство людей. В сентябре вышло обновление Sun Valley (22H2) с давно назревшими изменениями в дизайне. Но достаточно ли их, чтобы устранить исторические несоответствия в UI?

Давайте посмотрим.

Примечание. В данном исследовании используется Windows 11 build 25267, последняя сборка Insider Dev на данный момент (01.01.2023 г).
Читать дальше →
Всего голосов 134: ↑130 и ↓4+126
Комментарии335

Истории

Как прогресс ухудшил жизнь продвинутых пользователей (и как это исправить)

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

Я не люблю нытьё «раньше трава была зеленее» и в целом рад техническому прогрессу. Но считаю, что вместе с развитием компьютеров произошли и некоторые перемены, которые ухудшили жизнь «продвинутых пользователей» (power users) в угоду массовому пользователю. Перемены, которые мешают людям использовать технологии максимально эффективно.

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

Что-то в тексте может показаться спорным, поэтому хочу уточнить: хотя этот пост размещён в блоге компании, мнение только моё личное.

Читать далее
Всего голосов 155: ↑151 и ↓4+147
Комментарии487

Подключаем алфавитно-цифровой экран к VGA

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

Нет, это не шутка. В действительности к VGA, DVI, HDMI можно подключать различные устройства, и даже питать их. И это очень удобный способ работы с различными устройствами и нестандартное использование обычного интерфейса.

Ларчик просто открывается, всё дело в том, что в интерфейсе VGA (а также в других видеоинтерфейсах) присутствует ещё одна шина данных I²C, которая доступна для использования и её легко можно применить в своих самоделках.
Читать дальше →
Всего голосов 129: ↑127 и ↓2+125
Комментарии46

Яндекс выпускает DivKit — фреймворк для server-driven UI с открытым кодом

Время на прочтение12 мин
Количество просмотров49K
Привет! Сегодня Яндекс выкладывает в опенсорс DivKit — фреймворк для отрисовки интерфейсов из ответа сервера. Серверная вёрстка поможет ускорить разработку: наладить отправку апдейтов от сервера разным версиям приложения, создать прототип или просто написать интерфейс один раз для нескольких платформ.


Фреймворк включает в себя несколько библиотек: клиентскую часть по отрисовке интерфейсов для Android, iOS и веба, а также DSL для формирования ответа сервера на Kotlin, TypeScript и Python. Исходный код опубликован на Гитхабе под лицензией Apache 2.0.

Сейчас DivKit используется в приложении Яндекс, Алисе, Едадиле, Маркете, ТВ и других приложениях. В этом посте я постараюсь вспомнить историю фреймворка, затем мы напишем с его помощью небольшой просмотрщик ленты Хабра, а в конце я покажу ещё несколько простых примеров интеграции.
Читать дальше →
Всего голосов 124: ↑117 и ↓7+110
Комментарии49

Правда ли, что в России сервисы и интерфейсы развиты лучше, чем в Европе и Америке?

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

Мы с коллегой @Methaqualone несколько раз столкнулись с утверждением, что в России цифровые сервисы лучше, а мобильные банки дружелюбнее. Якобы наши государственные порталы удобнее, а интерфейсы интернет-магазинов интуитивно понятнее. 

Ни одна из нас не жила за границей, но стало интересно проверить: это как сакраментальное «русские девушки самые красивые» или зарубежные пользователи тоже считают, что наши интерфейсы самые классные? И если да, то почему? 

Читать далее
Всего голосов 137: ↑120 и ↓17+103
Комментарии418

WYSIWYG-редактор Хабра — худшее из того, что я видел

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

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

Честно признаться, я даже не мог представить себе насколько ужасный у Хабра редактор. Давно видел новости что его тестируют, внедряют и т.д. и я просто не понимаю как за такой длинные период тестирования и разработки в редакторе может быть НАСТОЛЬКО много багов. Они просто повсюду, на каждом шаге. И это не говоря о том, что редактор сам по себе неудобный

Вы сразу же можете сказать "Так просто не пользуйся им и пиши статью в удобном тебе редакторе". Это имеет смысл, но появляется вопрос ЗАЧЕМ ТОГДА WYSIWYG РЕДАКТОР НА ХАБРЕ?

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

Читать далее
Всего голосов 453: ↑451 и ↓2+449
Комментарии397

Windows must die

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


Об авторе: Joel — ИТ-журналист с 19-летним стажем и создатель Deep Space Nine Upscale Project (DS9UP).

Согласно заявлениям Microsoft, Windows 11 сделает существенный шаг назад по сравнению с Windows 10. В частности, Windows 11 Home теперь будет требовать как доступ к Интернету, так и учетную запись Microsoft для настройки ПК.

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

Однако я признаю, что у меня узкий нишевый случай. Хотя я нахожу эти ограничения раздражающими, они не являются проблемой для обычного пользователя ПК. И это не основная причина, по которой я не собираюсь пользоваться учетной записью Microsoft, чтобы использовать свой компьютер.

Компьютер — это не Интернет


Я готов смириться с тем фактом, что это может быть артефактом того времени, в котором я вырос. Для меня мой компьютер и «Интернет» — две совершенно разные вещи. Я подключаюсь к интернету, чтобы загружать файлы, читать новости и смотреть контент, но это лишь часть того, чем я занимаюсь на своем ПК. Использование онлайн-учетной записи для входа на мой ПК стирает разницу. Я признаю, что это мои личные проблемы, но для меня эта разница важна. На самом деле это очень важно. Я не хочу, чтобы моя локальная учетная запись Windows была синонимом онлайн-входа.

Но это не единственная моя причина.
Читать дальше →
Всего голосов 219: ↑195 и ↓24+171
Комментарии582

Как и зачем мы внесли 22 тысячи изменений в дизайн Яндекс.Карт

Время на прочтение7 мин
Количество просмотров59K
Привет, меня зовут Тая Лавриненко, я дизайнер-картограф из команды Яндекс.Карт. Как и всё на свете, карты имеют свойство устаревать, поэтому в течение прошлого года мы проектировали и поэтапно внедряли новый, более сбалансированный стиль Карт. Этот редизайн — одно из самых значимых и заметных обновлений картографического стиля сервиса за последние 5 лет.




Всего голосов 114: ↑110 и ↓4+106
Комментарии200

Плохие интерфейсы, или как я ходила на башню Федерация

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

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

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

Это будет рассказ о личном опыте посещении смотровой площадки башни «Федерация» в новогодние праздники 2021 и наблюдения UI этой самой смотровой площадки.

"Федерация" - это комплекс зданий в Москва-сити, включающий 2 башни: Восток и Запад. Башня Восток является вторым по высоте зданием в Европе. Его высота составляет 374 метра и 95 этажей. На 89 этаже располагается открытая для посещения смотровая площадка PANORAMA360.

Куда я и направилась, приехав в столицу в новогодние праздники и решив насладиться её видами с высоты. Но для этого мне пришлось преодолеть: непонимание, потерянность, обречённость, томительное ожидание и жгучее раздражение. Все эти яркие чувства вызвала во мне организация доступа к смотровой площадке, то есть - интерфейс. И своим опытом преодоления я хочу поделиться с вами.

Читать далее
Всего голосов 120: ↑113 и ↓7+106
Комментарии63

Чем неудобен хабровый WYSIWYG-редактор

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

На Хабре ввели новый WYSIWYG-редактор постов, а старый позже отключат. Идея в том, чтобы пользователям не требовалось иметь дела с HTML-тегами, и публиковать записи свободно мог любой не-айтишник. Но вот вопрос: не доставит ли это неудобств айтишникам?

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

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

Читать далее
Всего голосов 136: ↑133 и ↓3+130
Комментарии223

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

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

Время на прочтение5 мин
Количество просмотров24K
Расскажу об одном интересном кейсе, как мы меняли и модернизировали бортовые системы на частной яхте, заменили полностью бортовой компьютер, освежили интерфейс пользователя и добавили новые функции.

Читать дальше →
Всего голосов 113: ↑112 и ↓1+111
Комментарии75

«Однорукий интерфейс»: баг или фича, позволяющая Делимобилю отнимать деньги у пользователей?

Время на прочтение10 мин
Количество просмотров61K
История о том, как с помощью одной нехитрой уловки в логике работы мобильного приложения (и не только) Делимобиль занимается перекладыванием ответственности за автомобиль и выписывает крупные штрафы за то, чего пользователь не совершал.

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



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

Как говорится, времена меняются. Бандиты существует теперь в специализированных игровых зонах. А на смену им приходят интерфейсы, у которых вместо одного рычага одна кнопка, и с которыми мы также взаимодействуем одной рукой, только уже через смартфон.
Читать дальше →
Всего голосов 229: ↑218 и ↓11+207
Комментарии448

Как плохо спроектированный UX у теста на коронавирус чуть не посадил нас на самоизоляцию, но дырка в безопасности спасла

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

Это я, пишу скрипт по перебору параметров для POST запроса на gov.tr, сидя перед границей в Хорватию.

Как все начиналось


Мы с моей женой путешествуем по миру и работаем удаленно. Недавно переезжали из Турции в Хорватию (самая оптимальная точка, чтобы заехать в Европу). Чтобы не сесть на карантин в Хорватии, нужно иметь справку об отрицательном анализе на ковид, сделанном не позже 48 часов до въезда.

Выяснили, что относительно выгодно (2500 рублей) и быстро (всем результаты приходят в течение 5 часов) делают тест в аэропорту Стамбула, из которого мы как раз и вылетали.
Читать дальше →
Всего голосов 189: ↑188 и ↓1+187
Комментарии23

Юлия → Iuliia. Всё о транслитерации

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

Транслитерация


Транслитерация — это запись кириллических слов латиницей (Анна → Anna, Самара → Samara). Её используют в загранпаспортах, водительских удостоверениях, трансграничной доставке, библиотечных каталогах и множестве других международных процессов.


Так вышло, что я недавно окунулся в эту тему, а в Википедии она раскрыта слабо. Поэтому расскажу, что к чему (спойлер — если вы думаете, что с транслитерацией всё плохо, то на самом деле всё ещё хуже).


И конечно, поскольку это Хабр — предложу open-source библиотеки для решения проблемы.

Читать дальше →
Всего голосов 193: ↑192 и ↓1+191
Комментарии543

Вымирание компьютерных файлов

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

Новомодные технологические сервисы меняют наши интернет-привычки.




Я люблю файлы. Мне нравится переименовывать их, перемещать, сортировать, изменять способ отображения в папке, создавать резервные копии, выгружать их в интернет, восстанавливать, копировать и даже дефрагментировать их. Как метафора способа хранения информационного блока, я думаю, они великолепны. Мне нравится файл как единое целое. Если мне нужно написать статью, она окажется в файле. Если мне нужно выдать в свет изображение, оно будет в файле.
Читать дальше →
Всего голосов 177: ↑157 и ↓20+137
Комментарии400

Почему для открытия меню Windows читает один файл сто тысяч раз?

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

«Проводник тратит 700 мс на то, чтобы открыть контекстное меню панели задач. 75% этого времени он выполняет 114 801 операцию считывания из одного файла, средний объём считываемых данных 68 байт.

Мне стоит написать пост об этом, или достаточно саркастичного твита?»


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

Это напрягало меня уже давно, но я проявлял нехарактерный мне самоконтроль и удерживался от раздражения. Так было до сегодняшнего дня, когда я наконец сорвался и схватился за трассировщик ETW.

Этот пост написан как проверка скоростного блогинга. От момента нахождения проблемы и саркастичного твита о ней до публикации поста прошло примерно 90 минут.
Читать дальше →
Всего голосов 195: ↑189 и ↓6+183
Комментарии591

Японские интерфейсы в реальном мире

Время на прочтение4 мин
Количество просмотров81K
Привет! Хочу рассказать про то, чем японское видение разных интерфейсов в реале отличается от нашего. Как всегда, эти мелочи могут сказать о культурной среде очень многое.

Вот, например, гуляете вы около небоскрёба в центре города. А потом поднимаете голову и понимаете, что ресторан с первого этажа небоскрёба выращивает себе травы в небольшом парке рядом:



А вот термометр. Они здесь часто круглые, и при этом есть цветовая индикация.



Обратите внимание, в этой гостинице уставка 20 градусов, и это создаёт большую часть времени удобное положение стрелки для перфекциониста.

Читать дальше →
Всего голосов 202: ↑195 и ↓7+188
Комментарии379