Недавно попалась мне на глаза рекомендация от коллег из Яндекса. Они делали аудит рекламы одного из моих клиентов и заодно дали советы по сайту. Меня как ux-дизайнера удивили несколько из этих советов, сегодня расскажу об одном:
«Рекомендуем сделать кнопку отправки формы не активной до тех пор, пока пользователь не заполнит все обязательные поля».
Механические кнопки всё реже встречаются в современных автомобилях, а вместо них стали устанавливать тачскрины. Большинство автопроизводителей отказываются от механических кнопок и переключателей, хотя с точки зрения безопасности они намного лучше. Конечно, ещё рано говорить об исчезновении кнопок в авто, но в некоторых новых моделях авто их становится всё меньше и меньше. Учитывая, что сенсорные экраны стали трендом и тот факт, что люди всё чаще не рассматривают автомобиль без Android Auto или Apple CarPlay, сенсорные экраны облегчают жизнь автопроизводителям с точки зрения дизайна и сборки.
Просто они не облегчают жизнь водителям. Вместо этого машины пичкают плохими интерфейсами, которые не создают мышечной памяти у водителей, а отвлекают, пока они должны крутить баранку. И теперь у шведского автомобильного издания Vi Bilägare, который недавно провёл испытание системы HMI (Human-Machine Interface) на 12 машинах, есть данные, подтверждающие это.
Кнопка – простейший каждодневный элемент дизайна для взаимодействий. Хотя кнопки кажутся простыми элементами UI, их дизайн за последние десятилетия сильно менялся. Но всегда в сторону улучшения распознавания и ясности.
В статье мы рассмотрим эволюцию кнопок и решим, каким из примеров лучше всего следовать, чтобы создать эффективные кнопки.
С ранних дней кнопки операционных систем основывались на эмуляции рельефа и тени, чтобы отличать их от окружающих элементов. Это дизайнерское решение было основано на простом принципе – использование кромки, градиента и тени выделяет элемент из фона, и его становится легко распознать как элемент, поддерживающий нажатие.
Читать полностью »
Автор: Komar aka Michał Trybus; Англо-русский перевод: firerock
Оригинал: blog.komar.be/how-to-make-a-keyboard-the-matrix
Это — первый пост из серии, посвящённой клавиатурам; надеюсь, он не будет последним. Хочется, чтобы в итоге получился курс по изготовлению клавиатуры с нуля. Сегодня я расскажу о цифровом вводе-выводе и о клавиатурных матрицах. Вооружитесь элементарными школьными знаниями из области электроники — и поехали.
Читать полностью »
Я занимаюсь интерфейсами и люблю подмечать детали, которые нас окружают. Особенно те, которые можно сделать лучше.
Знаете, я хотел бы начать с сокровенного. Я хочу поделиться страхом нажимать кнопки в лифте! Нет, не все. Лишь две из них, пиктограммы к которым мне кажутся, по меньшей мере, странными.
Наконец-то до меня добралась столь долгожданная клавиатура компании Filco! Мне кажется, каждый уважающий себя любитель механических клавиатур знает об этом производителе. Те же, кто только встаёт на путь истинный, сразу узнают, что Filco — это признанный эталон качества. Но на просторах России информации катастрофически не хватает: нет ни единого полноценного обзора. Разве что владельцы данных клавиатур поделятся своим опытом на тематических форумах. Именно поэтому я с таким нетерпением хотел узнать, что же это за зверь такой, о котором все знают, все его любят и хвалят, но за что именно — никому не известно. Так давайте же сегодня об этом узнаем. Пусть тайное станет явным!
Читать полностью »
Хочу поделиться с вами впечатлениями от тестирования механической клавиатуры Das Keyboard 4 Professional Clicky. Скажу сразу, что клавиатура показала себя с очень разных углов. С одной стороны, использованные материалы, внешний вид и детали говорят о высококачественном продукте. С другой — их реализация намекает на внутренние проблемы организации и затягивание гаек в бюджетах. Моих ожиданий клавиатура не оправдала.
Читать полностью »
Здравствуйте, читатели !
Не так давно я начал изучать программирование под Android и некоторое время назад столкнулся с проблемой, решением которой хочу поделиться со всеми, кто ещё не начинал, но планирует посвятить себя разработке приложений под эту платформу.
Читать полностью »
В этой подборке представлены уроки с наглядными примерами по созданию CSS-кнопок на любой вкус.
Fancy 3D Button with CSS3 [Демо | Подробности]
