Нарисованы ребятами из петербуржской команды 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
1. Электронная книга должна быть доступна в вебе в ХТМЛ-формате; 2. Электронная книга должна иметь воспринимаемый человеком урл, находиться целиком на одной странице и содержать свое название в тайтле страницы; 3. Электронная книга должна быть опубликована чёрным шрифтом на белом фоне, и не должна содержать на странице никаких элементов, не относящихся к книге; 4. Электронная […]
Артём Горбунов интересно и подробно рассказывает, зачем в электронных книгах развороты и номера страниц.
Интересное решение для форм с одним полем — спрятать инпут внутри кнопки и показывать его по клику. Просто и удобно. Демо: www.steliosconstantinides.com/FormButtons Исходный код: github.com/sconstantinides/FormButtons Скачать: FormButtons-master.zip
Inbox by Gmail — относительно новый продукт, который Гугл разработал на замену старой почте. Предлагаю обратить внимание на его промо-страницу. Там очень грамотно используются анимации, а управление скроллом помогает понять, как устроен продукт и в чем его преимущества.
Дизайнеру важно уметь придумывать решение задачи, не добавляя новые элементы в существующую систему. Хорошим примером служит индикация севшей батарейки в кварцевых часах Тиссо. Как показать хозяину часов, что батарейку скоро нужно менять? Светодиодом или подсветкой? Звуком? Умное и экономичное решение — сохранить точность хода, но перемещать секундную стрелку только раз в 4 секунды. Источник
