http://sciencefictioninterfaces.tumblr.com
Элегантное обозначение обратной связи без лишних модальных окон и оверлеев. По ссылке это решение представлено в 18 разных стилях. Интерактивная демонстрация: tympanus.net/Development/ProgressButtonStyles Статья и исходники: tympanus.net/codrops/2013/12/12/progress-button-styles Скачать: ProgressButtonStyles.zip
Если кликать на ссылку-букмарклет вместо того, чтобы перетащить её на панель закладок, подсказка становится больше с каждым кликом. Источник
Очень люблю, когда у полей ввода есть автокомплит, это очень важная часть интерфейса. Мало что сэкономило мне столько времени, как выпадающие списки с подсказками. Вы тоже наверняка так привыкли ограничиваться 1-2 буквами для того, чтобы найти документ, тег, пользователя в FB или адрес в Gmail, что даже не представляете, что может быть иначе. Чем умнее […]
Нарисованы ребятами из петербуржской команды Great Simple. Судя по описанию, довольно юзабельно: максимум векторных объектов, полное соответствие гайдам, размер экранов под шестерку, официальный шрифт (Сан-Франциско). Скачать: ios10.greatsimple.io
Ramon Gilabert Llop из Осло и Carlos Melegrito из Мельбурна выпустили бесплатный набор интерфейсной графики iOS 10. Продолжить чтение
Это часть курса ребят из Тильды «Дизайн в цифровой среде». В статье рассматриваются физиологические аспекты взаимодействия человека с графическим интерфейсом. Правило 7±2, геометрическая память, группировка объектов, контрасты формы, цвета, размера и движения, особенности процесса чтения. Очень наглядно и полезно. http://tilda.education/courses/web-design/psychophysiology/
Огромный бесплатный UI-набор, состоящий из 90 слайдов и 15 шаблонов. Для Sketch и Photoshop. Скачать бесплатно: designmodo.com/slides/resources
Пытаясь спроектировать классное взаимодействие, можно застрять в экспериментах со шрифтами, цветами, потоками, содержанием и так далее. Но есть компонент, с помощью которого легко порадовать пользователей. Возможно, это именно то, что вы искали. Продолжить чтение
Это самый полный и актуальный кит нативных UI-элементов свежей версии iOS. Доступен в форматах для Иллюстратора и для Скетча. Источник Скачать: iOS-9.3-Illustrator-Mercury-Intermedia.zip Скачать: iOS-9.3-Sketch-Mercury-Intermedia.zip
Это проект венгерского дизайнеров Zoltán Gócza и Zoltán Kollin. Они собрали 32 предубеждения, связанных с веб-дизайном и пользовательским опытом. Каждое они снабдили пояснениями, почему данное убеждение не соответствует действительности. Плакаты в формате PDF приложены, удобнее всего читать в нем, потому что ВК сильно сжимает картинки с заливкой ровным цветом. Приложенный файл также пригоден для печати, […]
На плюс пользователи нажимали на 10% чаще, чем на шеврон. В дополнение — размышления о смысле этого паттерна и пример адаптивного отображения таблиц.
Baymard Institute исследовали процесс чекаута в интернет-магазинах и увидели, как пользователи работают с формами, скомпонованными в несколько колонок. Одна из проблем таких форм — пользователи воспринимают поля формы непоследовательно. Исключение — группы полей Имя+фамилия, Страна+штат, День+месяц+год. У респондентов не было проблем с заполнением формы, когда эти поля располагались рядом, то есть в несколько колонок.
Хотя стоило бы, ведь это не только удобно для читателя, но и увеличит трафик в долгосрочной перспективе.
Раздвигающееся меню или аккордеон (accordion menu) — рабочая лошадка среди интерфейсных паттернов, которая превращает длинные списки объектов в короткие списки групп. Хорошо работает в навигационных меню и особо хорошо — в поисковых фильтрах. Ленс Гатин провёл исследование и узнал, какой иконкой лучше сопровождать раздвигающееся меню и где её расположить: слева или справа от надписи.
Источник Скачать: resources-apple-watch-gui.zip
Интересен и сам по себе концепт, и то, насколько качественно, с вниманием к деталям, он презентован: zeroagency.com/linkedinredesign/index.html