Пользовательский интерфейс

496 заметок   См. также:  видео   студентам   фрагменты курса ПИ   дизайн   курсы

Принципы и методы

Элементы

Хотелки и изобретения

Наблюдения

Ещё теги

Несколько открытых аудио- или видеопроектов

Возможность открыть в программе несколько документов придумали давным давно, это основа работы за компьютером

Асимметричная проверка полей формы на ошибки

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

На интерфейсном курсе: зачем делать виджеты на Ай-ОСе похожими на системные

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

Пружинистые анимации

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

Бабуля ищет контакты в приложении Сбербанка

Случайно провёл качественное коридорное исследование

На интерфейсном курсе: фотки сделать превьюшками и поставить наверх

Смотрим экран документа в программе — хранилке документов. Там есть пункт «Фото документа». Предлагаю вместо него сделать превьюшки самих документов и перенести их наверх

Надежда на светлое будущее Эпла

Интернет ликует, что из Эпла уходит главный дизайнер Алан Дай

На интерфейсном курсе: крутилка значит «программа думает»

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

Крутилка значит «программа думает»

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

Про кнопки «Отменить» и «Стоп»

Иногда мы встречаем кнопку «Отменить» там, где она не нужна, например в форме. Типа, заполнил — нажимаешь «Отправить заявку», а если передумал — нажимаешь «Отменить»

Ранее Ctrl + ↓