24162
Yotako — Seamless transition from design to code
Инструмент позволяет получить код для веба и нативных приложений Android и iOS из макетов Sketch, Adobe XD, Photoshop и Balsamiq (на подходе Figma).
UX  tools  prototyping  development  coding 
yesterday
Switch to Studio (MDS)
Коллекция обучающих материалов от Matt D. Smith.
UX  tools  prototyping  reference  learning  tutorials 
yesterday
uizard
Инструмент превращает наброски интерфейсов на бумаге в достаточно аккуратные макеты Sketch. Давно следил за альфа- и бета-версиями, отличное применение идеи Airbnb для широкого круга дизайнеров.
UX  sketching  tools  AI  algorithms  trends 
3 days ago
How to manage your Design Tokens with Style Dictionary (Cristiano Rastelli)
Cristiano Rastelli из Badoo рассказывает о том, как токены используются в их дизайн-системе Cosmos. Они базируются на фреймворке Style Dictionary.
UX  design+systems  tokens  case  issue 
3 days ago
What do you name color variables? (CSS-Tricks)
Chris Coyier перечислил несколько подходов к названию переменных для цветов.
UX  design+systems  variables  color  issue 
3 days ago
Generating multi-brand multi-platform icons with Sketch and a Node.js script (Cristiano Rastelli)
Cristiano Rastelli из Badoo рассказывает об экспорте иконок из Sketch в свою дизайн-систему Cosmos. У компании несколько продуктов, так что подход поддерживает тематизацию. Часть 2 ― https://medium.com/@didoo/generating-multi-brand-multi-platform-icons-with-sketch-and-a-node-js-script-part2-8d02e8bb915a.
UX  design+systems  icons  case  issue 
3 days ago
UIConstructor — Code-based design tool
Ещё один визуальный конструктор сайтов на базе Bootstrap. Позволяет собрать страницу из типовых блоков и оформить её.
UX  bootstrap  tools  online 
4 days ago
Montage — Fast and easy prototyping tool
Необычный подход к инструменту дизайна — он делает упор на большую библиотеку компонентов, которые можно скачать и изменить под себя.
UX  tools  prototyping  components 
4 days ago
Moca — Free Online Wireframing tool (Serfo)
Максимально простой онлайн-сервис для проектирования интерфейсов.
UX  tools  online  wireframes 
4 days ago
Voice First, Screen Second ― Designing for Voice in Adobe XD (Prototypr)
Graeme Fulton сделал обзор возможностей прототипирования голосовых интерфейсов в Adobe XD. Всё это обёрнуто в шикарнейший обзор самого рынка и особенностей общения с голосовыми помощниками.
UX  voice  tutorials  reference  issue  links  must 
4 days ago
Slack (Alice Lee)
Alice Lee рассказывает о работе над единым стилем иллюстраций для Slack, который появился в 2017 году и стал одним из главных хитов, который активно копируют половина компаний. Стартовый мудборд, промежуточные вариации, библиотека типовых объектов и большая галерея результатов ― дельно и подробно. В конце статьи годные советы для тех, кто ищет свой стиль.
design  illustrations  unification  case  issue 
5 days ago
A UX Guide For Designing Error Pages (Prototypr)
Простая и годная памятка по дизайну полезных страниц ошибок сервиса от Alana Brajdic. Чеклист с вопросами пользователя и примерами ответа на них.
UX  error+messages  patterns  tips  issue 
5 days ago
Flare by 2Dimensions — Design and Animate Vector Graphics
Новый инструмент для иллюстраций и их последующей анимации. Анонс от авторов ― https://medium.com/2dimensions/flare-launch-d524067d34d8.
design  illustrations  animation  tools 
5 days ago
The Anchoring Principle (Nielsen/Norman Group)
Therese Fessenden из Nielsen/Norman Group приводит примеры использования психологического приёма «якорения» в интерфейсах. Зачастую он оправдывает более высокую цену.
UX  psychology  issue 
5 days ago
Shapy — Gradient Generator
Ещё один инструмент для получения сочных градиентов на CSS.
design  color  tools  online 
5 days ago
What Is Design Thinking, Really? (What Practitioners Say) (Nielsen/Norman Group)
Sarah Gibbons из Nielsen/Norman Group расспросили UX-специалистов об их понимании дизайн-мышления. Получился неплохой срез разных смыслов, которые вкладываются в термин. Обещают более подробные материалы вдогонку.
UX  design+thinking  definitions  issue 
5 days ago
DevTools for Designers (CSS-Tricks)
Обзор плагинов для Chrome, позволяющих менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector.
UX  coding  tools  browser  CSS  reviews  issue 
5 days ago
VisBug (Интернет-магазин Chrome)
Плагин для Chrome позволяет менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector. Памятка по работе с ним от Adam Argyle — https://medium.com/google-design/visbug-101-d2636120f8d7.
UX  coding  tools  browser  CSS 
5 days ago
Design Debt (DesignMap San Francisco)
Audrey Crane описывает суть дизайн-долга и перечисляет проблемы в развитии продукта, к которым он приводит.
UX  debt  issue  management  strategy 
5 days ago
Resisting the Lure of Dark Magic in User-Interface Design (UXmatters)
Steve Turbek из Goldman Sachs разбирает проблемы жестов в мобильных ОС — их сложно обнаружить и не всегда удобно использовать.
UX  mobile  gesture  problems  affordance  issue 
6 days ago
6 Tips to Keep in Mind for Iterative Usability Testing (UXmatters)
Paula Barraza делится советами по проведению быстрого итеративного пользовательского тестирования интерфейсов. Как проводить сессии, фиксировать результаты и общаться с командой.
UX  research  testing  issue  methods  prototyping 
6 days ago
What Is The Role Of Creativity In UX Design? (Smashing Magazine)
Susan Weinschenk описывает принципы работы мозга во время решения креативных задач. Речь не в попеременной работе правого и левого полушарий, а в принципах трёхуровневой обработки информации.
UX  issue  cognition  psychology  creativity  theory 
6 days ago
Complexity Analysis for UX Research at IBM — What it is and how to get started (IBM Design)
Gabriella Campagna из IBM рассказывает о методе анализа сложности интерфейса, который команда применяет для оценки улучшений и сравнения с конкурентами. На базе чеклиста он показывает, где в сценарии проблемные места.
UX  evaluation  methods  issue  benchmarking  measure  metrics 
6 days ago
Creating UI text that translates (Google Design)
Советы по написанию текстов в интерфейсе с учётом локализации от Jen Schaefer из Google.
UX  copywriting  issue  tips 
6 days ago
Особенный банк — Гайдлайн (Сбербанк)
Гайдлайны по доступности интерфейсов для пользователей с ограниченными возможностями от Сбербанка. Толковый подробный чеклист.
UX  accessibility  guidelines 
7 days ago
A Structural Model for Unity of Experience — Connecting User Experience, Customer Experience, and Brand Experience (JUS)
Hye-jin Lee, Katie Kahyun Lee и Junho Choi провели исследование связи User Experience, Customer Experience и Brand Experience. Они также собрали прорву предыдущих работ на тему, так что получится полезнейший портал в накопленные профессией знания. Статья выглядит большой, но значительная часть посвящена методологии исследования и её можно пропустить.
UX  CX  branding  research  business  issue  whitepapers 
7 days ago
Atlassian Team Playbook — Team Building Activities that Work
Atlassian опубликовали методичку по методам командной работы и проектирования интерфейсов в целом.
UX  methods  collaboration  reference 
8 days ago
Humaaans — Mix-&-Match illustration library
Ещё один шаблон для создания иллюстраций в духе Slack. Повышенный спрос приводит к однообразности, хотя это делает иллюстрации доступнее для большего количества компаний.
design  illustrations  gallery  templates 
9 days ago
The State of UX in 2019 (UX Collective)
Традиционный обзор трендов 2018-2019 годов от UX Collective. Они делают упор на профессиональную жизнь, а не конкретные технологические или визуальные направления.
UX  trends  reports  issue 
10 days ago
NES.css ― NES-style CSS Framework
CSS-фреймворк в духе классической приставки NES (с неё скопировали Денди).
UX  CSS  coding  design+systems  framework  8bit 
12 days ago
How UX Works with Product Teams at Lucid (Lucid UX Design)
Taylor Palmer из Lucid Software рассказывает об интеграции дизайн-команды в общую продуктовую. Как менялся формат взаимодействия по мере роста компании.
UX  collaboration  teams  management  issue  strategy 
12 days ago
Designing a Better Career Path for Designers (Elegant Tools)
Siva Sabaretnam из Facebook описывает своё видение карты компетенций и карьерного пути для дизайнеров.
UX  management  professional  issue  framework 
12 days ago
“Accessible” Design Systems Don’t Guarantee Accessible Products (EightShapes)
Nathan Curtis пишет о целостной поддержке пользователей с ограниченными возможностями в дизайн-системах.
UX  accessibility  design+systems  issue 
12 days ago
Строим Customer Journey Map (Hard Client)
Станислав Хрусталёв из Hard Client описал годную памятку по созданию customer journey map.
UX  CX  service+design  customer+journey  tutorials  issue  must 
13 days ago
Redesigning the Office App Icons to Embrace a New World of Work (Microsoft Design)
Jon Friedman из команды MS Office рассказывает о работе над новыми иконками приложений. Это один из самых мощных примеров того, как можно выразить визуальный язык — они здорово провязаны с Fluent Design System, в основе которой 3D-материалы, акрил и clay-рендер.
design  icons  unification  issue  case 
13 days ago
« earlier      
4starters a/b accessibility advertising agile ai algorithms analytics android animation api apps art articles auto ba behaviour blogging blogs books bots branding browser business career case catalogs charts clienting cms coding cognition collaboration color community community+management company comparison concept conference content copywriting css culture customer+journey cx definitions design design+systems design+thinking designer development diagrams directory discussions docs downloads downtempo ecommerce evaluation events examples experimental fonts forms framework fun gallery games games+design generator gesture grid guidelines hardware hci history house howto html html5 ia icons identity illustrations industry infodesign infographics interactive internet interviews ios issue javascript landing leadership learning library links list liveguide london magazines management maps marketing measure messengers methodology methods metrics mobile modeling models movies music must navigation news newsletters online optimization organization patterns pdf people performance personas photos photoshop planning platform plugins pm portfolio presentations principles problems process product+design product+management professional projects+news prototyping psd psychology publishing reactions redesign reference reports requirements research responsive reviews roi russia scripts search seo service service+design sharing sketch sketching social software specification startup statistics stencils strategy surveys svg tablet teams technology templates testing themes theory tips tools touch trends tutorials typography ui unification usability ux video visualization vr war wearable web web+analytics web2.0 whitepapers windows wireframes wordpress

Copy this bookmark:



description:


tags: