image

Коли компанія готує прототип програми, можливо все, навіть винахід нового підходу в побудові інтерфейсу. Раніше на основі порівняльних тестів або особистого сприйняття дизайнерів вибирався один варіант інтерфейсу, що неминуче залишала за бортом значну частину користувачів. Ці люди відкривають традиційні ігри, сайти і додатки, відчувають дискомфорт і йдуть. Противники є навіть у Material Design, вигляду техніки Apple і автомобілів Tesla. Але та складна налаштування під себе відлякує сучасних користувачів, сервіс повинен бути гарний «з коробки».

Ми вирішили піти іншим шляхом і зберегли всі варіанти інтерфейсу (різні форми, кольору, анімації, положення тощо), а потім навчилися розуміти, які сполучення будуть ближче для кожного користувача, щоб асистент Visera автоматично адаптувалася під його інтереси. Хочете дізнатися, як це можливо? Ласкаво просимо під кат!

Читати далі →



Вам точно знайоме це почуття, у якого немає назви, — суміш розчарування і роздратування, коли використовуєш додаток з поганим інтерфейсом. Ну, коли ти розумієш, що потрібно дуже акуратно натиснути кнопку на сенсорному екрані ось тут, щоб все запрацювало.

Уявіть, що ви створили інтерфейс, в якому цієї проблеми просто не існує. Інтерфейс, який дозволяє знизити кількість помилок, виконувати команди швидше і, в кінцевому рахунку, робить продукт краще.

Це цілком реально. І ось як це зробити.
Читати далі →

14 рад по використанню Sketch і InVision в роботі дизайнера

image
Инвижн дозволяє дизайнеру продемонструвати замовнику прототип дизайну програми, зробивши його інтерактивним. Крім того, завдяки Инвижн, можна організувати злагоджену роботу всередині команди, між дизайнером, менеджером проекту, верстальником і програмістами, незалежно від платформи (mac os, Windows, Linux). Пропоную вашій увазі зручні сценарії використання зв'язки Sketch + InVision.
Читати далі →

Дайджест продуктового дизайну, січень 2017

Вже сім років я публікую регулярні огляди свіжих статей з теми інтерфейсів, нових інструментів і колекцій патернів, цікавих кейсів і історичних оповідань. З стрічок кількох сотень тематичних підписок відбирається приблизно 5% стоять публікацій, якими цікаво поділитися. Попередні матеріали: квітень 2010-грудень 2016.

Дайджест продуктового дизайну, січень 2017
Читати далі →

Чим відрізняється дизайнер в продуктовій компанії від дизайнера в агентстві або студії?

image

Сталося так, що я 12 років малював сайти, логотипи, іконки, інтерфейси та інше у своїй власній студії дизайну Turbomilk. А потім став працювати в продуктових компаніях, останні 3,5 року працюю директором з дизайну у компанії Acronis. Я з'ясував, що робота in-house дизайнера в компанії, яка робить власний продукт, сильно відрізняється від роботи дизайнера в студії або в агентстві. Я спробував описати основні відмінності і проілюструвати власним досвідом. Стаття стане в нагоді дизайнерам «з обох сторін барикад» для розширення кругозору і допоможе у подоланні внутрішніх бар'єрів.

Читати далі →

Що таке UX/UI дизайн насправді?

Дуже багато непорозумінь в середовищі дизайнерів і розробників. Також багато дурних питань, пов'язаних з UX і UI у новачків. Часто просто з-за того, що люди не знають суті поняття UX/UI і, не знаючи про що говорять, називають речі своїми іменами.

Я хочу раз і назавжди поставити крапку і простою зрозумілою мовою пояснити, що значить «UX/UI дизайн».

UX/UI дизайн на прикладі точильних каменів

Читати далі →

4 правила роботи в Sketch над великими проектами

image
Поява редактора Sketch сильно полегшило роботу дизайнерів. Артборды, Символи, Стилі, велика кількість плагінів і інтуїтивно зрозумілий інтерфейс — все це зробило нас трохи щасливішими. В цій статті спробую навести правила і прийоми, які виробив при роботі над проектами, адже важливі не тільки інструменти, але і правильне їх використання.
Читати далі →

Оптимізація роботи портальної дизайн-команди з допомогою Sketch і хмари

Працюючи в продуктовій команді над одним або кількома проектами, ми неминуче приходимо до необхідності організувати загальний процес і робочий простір. Хтось вирішує це питання через додавання інструментів для колаборації, хтось навіть будує навколо цього свій продукт. Проте ми звернулися до досвіду наших найближчих колег — розробників. Вони вміють оптимізувати свою роботу та взаємодію, як ніхто інший, і тому є чудовим прикладом для натхнення.



Читати далі →

Дизайн багатомовних додатків

Уявіть собі: ви вперше знайомитеся з новим додатком. У відгуках на Твіттері всі сходять від неї з глузду, кажуть, що воно чудове, чудове, все життя ним змінило.

Ви запускаєте додаток і бачите наступне:



Хм. Щось тут не так. Зверху вбудоване відео, але текст в ньому — мовою, якої ви не розумієте. Формулювання якісь дивні, а напис на кнопці навіть не влазить на саму кнопку. Як таке може подобатися людям?

Виявляється, справа в тому, що додаток спочатку створювалося не на вашій рідній мові. Його розробили на ельфійське, а потім вже перевели. Більшість людей використовує ельфійську версію і не знає, як все це виглядає на вашій мові.

Читати далі →

Введення в систему 8-піксельних сіток

Будь-якого дизайнера, над чим би він не працював — сайтами, журналами або мобільними додатками, напевно, доводилося чути термін «сітка». Існують сітки для всіляких варіантів розташування контенту. Ми застосовуємо стовпчик сітки, щоб вибудовувати контент по горизонталі, сітки базових ліній, щоб вирівнювати блоки тексту по вертикалі, гнучкі (soft) та жорсткі (hard) сітки — в залежності від того, наскільки суворо збираємося їх дотримуватися. Я зацікавився системою 8-піксельних сіток, коли почув, з яким захопленням говорить про неї Брін Джексон, і вирішив подивитися, які переваги вона може дати моїм дизайнам (і чи взагалі).




Читати далі →