Как стать автором
Обновить
45.57
Рейтинг

Интерфейсы *

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

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

Встречают по одёжке: как мы меняем главную в приложении с 13 миллионами MAU

Блог компании Кошелёк Разработка мобильных приложений *Интерфейсы *Usability *Дизайн мобильных приложений *

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

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

Не спешите унывать! Это совсем не значит, что ваша новая фича не нужна, не интересна и бесполезна. Скорее всего, масса пользователей даже не знают о ней. Либо вы плохо объяснили, зачем она нужна. В статье поделюсь тем, как это сделали

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

Новости

Гайд по написанию и рефакторингу компонентов, которые хочется переиспользовать

Блог компании Яндекс Разработка веб-сайтов *JavaScript *Интерфейсы *ReactJS *
Tutorial
Случалось ли вам, выполняя какую-то задачу, понять, что самый простой путь — нажать Сtrl+C, Сtrl+V: перетащить из соседней папочки пару файлов, поменять пару строчек, и будет ок? Повторялось ли это ощущение? Я хочу рассказать о том, как боролся с этой проблемой и к чему пришёл вместе с командой. Назовём это решение «универсальные компоненты» (если у кого-то будет более удачное название для концепции, жду в коментариях). Примеры буду приводить в основном на React, но концепции будут общие.
Читать дальше →
Всего голосов 17: ↑14 и ↓3 +11
Просмотры 4.3K
Комментарии 6

Где брать знания начинающему UI/UX дизайнеру?

Интерфейсы *Дизайн
Из песочницы

«Что такое дизайн интерфейсов, с чего начать и что нужно знать» — в интернете много статей на данные тему, но зачастую большинство из них это просто общие советы. Смотря на такой список из 10 шагов юный дизайнер может потеряться и просто не поймет с чего начинать. Поэтому текст ниже это некая методичка с конкретными ресурсами и идеями, которые могут помочь новичкам более быстро разобраться в теме и потратить меньше времени на поиск качественных материалов. Каждый из источников ниже был опробован лично и получил свою медальку эффективности.

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 4.5K
Комментарии 3

Как мы потеряли 54 000 звёзд на GitHub

Блог компании SkillFactory Open source *Интерфейсы *Usability *GitHub
Перевод

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

Читать далее
Всего голосов 67: ↑55 и ↓12 +43
Просмотры 34K
Комментарии 58

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

Интерфейсы *Usability *
Из песочницы

Здравствуйте. Меня зовут Паша Любецкий. По диплому я математик и мечтал о научной карьере в области theoretical computer science или даже pure math, но во время учёбы в университете у меня развилось одно из психических расстройств, которое принесло с собой очень сильно выраженную астению (повышенную утомляемость).

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

Тем не менее, за несколько лет я нашёл некоторые оригинальные способы сгладить для себя проявления этой проблемы.

Читать далее
Всего голосов 56: ↑53 и ↓3 +50
Просмотры 14K
Комментарии 52

Кто такой UX-дизайнер и за что ему платят

Блог компании Нетология Интерфейсы *Usability *Карьера в IT-индустрии Дизайн

На повестке дня снова UX-дизайн. В комментарии к обзору открытого урока написали, что UX-дизайнером каждый стать, причём такой «специалист» не умеет ни в цвета, ни в компьютеры. Давайте разбираться, за что же вообще тогда платят UX-дизайнерам.

Читать далее
Всего голосов 5: ↑3 и ↓2 +1
Просмотры 2.9K
Комментарии 6

Популярные расширения для VS Code 2022

Высокая производительность *Разработка веб-сайтов *Интерфейсы *
Из песочницы
Перевод

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

На текущий момент VS Code остается средой разработки, которая доступна в период санкций, когда JetBrains отказался продавать лицензии, про Visual Studio даже не узнавал. Сам использую VS Code много лет в разных стеках. VS Code предоставляет возможности разработки практически во всех направлениях: веб-разработка, мобильные приложения, часто встречаются приложения для встраиваемых систем. Ниже перечислены наиболее популярные расширения, которые облегчают разработку приложений.

Atom One Dark Theme

При всем изобилии тем в VS Code тема Atome One Dark наиболее популярная, потому-что имеет наиболее удачный контраст и прекрасно выглядит.

Читать далее
Всего голосов 24: ↑14 и ↓10 +4
Просмотры 14K
Комментарии 14

Java: отличия Map и HashMap

Программирование *Java *Интерфейсы *ООП *
Из песочницы
Перевод

Map - это интерфейс, а HashMap - одна из его реализаций. Тем не менее, в этой статье мы постараемся разобраться, чем полезны интерфейсы, узнаем как сделать код гибче с помощью интерфейсов и почему существуют разные реализации одного и того же интерфейса.

Читать далее
Всего голосов 26: ↑6 и ↓20 -14
Просмотры 9.4K
Комментарии 14

JavaScript редактор диаграмм, который открывает диаграммы из PNG картинок (open source)

Разработка веб-сайтов *JavaScript *Интерфейсы *Визуализация данных

dgrm.net | GitHub

dgrm.net - это редактор диаграмм, с прицелом на трансформацию в карту знаний.

Отличительные особенности:
- аскетичность,
- работает на телефонах (одно из немногих web-решений),
- открытый исходный код.

В процессе разработки появляются интересные моменты. Статья про один из таких моментов: чтение данных из PNG.
Исходный код для использования в своих проектах прилагается.

Читать далее
Всего голосов 36: ↑36 и ↓0 +36
Просмотры 5.7K
Комментарии 19

Дженерики в Go — подробности из блога разработчиков

Блог компании SkillFactory Программирование *Интерфейсы *Go *Изучение языков
Перевод

В Go 1.18 добавлена поддержка дженериков. Это самое большое нововведение с момента первого Open Source выпуска Go. Не будем пытаться охватить все детали, затронем всё важное. Подробное описание со множеством примеров смотрите в документе с предложением по улучшению языка. Материалом делимся к старту курса по Backend-разработке на Go.

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

Бесшовная интеграция роботов и людей: работаем с обновленным Action Center

Блог компании UiPath IT-инфраструктура *Интерфейсы *Искусственный интеллект IT-компании

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

UiPath Action Center помогает автоматизировать сложные процессы, требующие взаимодействия роботов и людей. Роботы выполняют ту часть работы, для которой они лучше всего предназначены. А люди подключаются к процессу только для принятия необходимых важных решений. 

Мы уже писали об Action Center в конце 2020, а за 2021 продукт получил несколько изменений, о которых мы хотим рассказать в этом посте.

Статья написана при поддержке технического эксперта UiPath: Кристины Виролайнен.

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

3 совета по удобным интерфейсам за март

Веб-дизайн *Разработка веб-сайтов *Интерфейсы *HTML *Accessibility *

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

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

Восприятие цвета в интерфейсе: почему мы видим его по-разному

Блог компании VK Интерфейсы *Графический дизайн *Дизайн

Про инклюзивность в интерфейсах и то, как дизайнеру учесть особенности цветового зрения.

Привет! Меня зовут Николай Комиссаров, я руковожу командой дизайна Пульса (pulse.mail.ru) и медиапроектов в VK, а также занимаюсь социальными проектами компании. 

Недавно, работая над одним из своих продуктов, я обнаружил, что вижу цвет не так, как другие люди. Если смотрю только правым глазом — цвета более насыщенные, левым — тусклые, а если обоими глазами — цвет получается средним по насыщенности.

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

Читать далее
Всего голосов 20: ↑20 и ↓0 +20
Просмотры 3.5K
Комментарии 3

Создание APP для самотестирования (Python)

Python *Алгоритмы *Интерфейсы *
Tutorial

Недавно от знакомых прилетела задачка написать программу для самотестирования. Порылся в инете, думал в лёгкую найду наработки, но ничего кроме платных и бесплатных конструкторов тестов не нашёл (может плохо искал, кто знает…). Мне показалось, что устанавливать какие-то инородные проги, а потом ещё туда все вопросы ручками забивать - совсем некрасиво. Так родилось приложение для самотестирования, написанное на Python с помощью GUI библиотеки Tkinter.

Заценим!
Всего голосов 1: ↑1 и ↓0 +1
Просмотры 2.7K
Комментарии 14

Гексагональная архитектура и Domain Driven Design на примере Front-end приложения

Разработка веб-сайтов *Программирование *Интерфейсы *ООП *TypeScript *
Tutorial

Преимущества данного метода:

Независимость: возможность не зацикливаться на бизнес логике.
Можно задекларировать, описать схему работы нашего приложения до создания внешних сервисов, использовать замоканные данные в реализации адаптеров.

Гибкость: использование любых фреймворков, перенос доменов адаптеров в другие проекты, добавление новых адаптеров без изменения исходного кода.

Легкая изменчивость: изменения в одной области нашего приложения не влияют на другие области.

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

Почему каждый сайт пытается продвинуть своё нативное приложение?

Блог компании ITSumma Интерфейсы *Usability *


Странная вещь: вот сайты (теперь не все, но всё ещё многие) отлично работают в браузере. Но только заходишь со смартфона, начинается цирк. Всплывающее окно — хотите открыть ссылку в приложении? В каком? У меня нет никакого приложения! Если случайно нажать «Да», то начнётся скачивание — и нативное приложение таки будет установлено.

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

Спрашивается, зачем? Зачем устанавливать на смартфон отдельное нативное приложение для каждого сайта? Очевидно, что маркетологи впаривают их не просто так. Похоже, это очень выгодное дело.
Читать дальше →
Всего голосов 99: ↑98 и ↓1 +97
Просмотры 31K
Комментарии 67

Сделайте Linux похожим на Windows 95

Блог компании Cloud4Y Настройка Linux *Open source *Интерфейсы *
Перевод

Темы и наборы иконок Linux, вдохновлённые другими операционными системами, существуют с тех пор, как в Linux появился графический интерфейс. Иногда эти темы становятся очень похожими на оригинал. Но… Что, если бы вы могли сделать свой рабочий стол Linux почти таким же, как Windows 95?

Читать далее
Всего голосов 73: ↑72 и ↓1 +71
Просмотры 22K
Комментарии 81

Новые операционные системы 2021 и 2022 года

Блог компании FirstVDS Системное администрирование *Интерфейсы *Серверное администрирование *Софт


В конце 2021 года мир увидел прекрасную операционную систему Essence с рядом функций, которых по умолчанию нет в популярных ОС, таких как Windows, MacOS или Ubuntu. Например, векторный UI и группировка окон по вкладкам (табам), как на скриншоте вверху. Действительно, очень удобно. Даже странно, почему никто из «больших» ещё не реализовал.

Essence — не единственная система, созданная с нуля одним человеком или небольшим коллективом. Есть такие феномены и в России.
Читать дальше →
Всего голосов 44: ↑39 и ↓5 +34
Просмотры 31K
Комментарии 58

Создание внутреннего мобильного приложения «На связи»: от идеи до визуального решения

Блог компании Tele2 Интерфейсы *Дизайн мобильных приложений *Дизайн

Меня зовут Лена, я дизайнер интерфейсов в Tele2. И я расскажу о создании внутреннего корпоративного мобильного приложения «На связи» для сотрудников Tele2 – его проектировании и выборе визуального решения. 

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

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

О приложении «На связи»  

В нашей компании большое количество рабочих процессов завязано на внутренних системах. Многие из них доступны только из корпоративной сети. Чтобы сделать сотрудников более мобильными, дать возможность быстрее решать рабочие вопросы, сэкономить время – было задумано приложение «На связи».

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

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