image

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

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

Читати далі →



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

Процес локалізації — трудомісткий, а його кроки потихеньку змінюються по мірі відновлення XCode. Цей пост пояснює кожний крок на основі останньої версії XCode (7.3.1).

Переведено в Alconost

Читати далі →

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

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

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

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

Читати далі →

Кейси: розробка специфікацій і гайдлайнов (web ui kit)



Сьогодні я поділюся досвідом розробки графічної документації по гайдлайнам. Це виявилося моє друге завдання для Viline. І як Ви не пам'ятаєте з першої частини, я робив редизайн сторінки відео-курсу. У даній статті я опишу процес розробки стилістики всіх елементів і різних станів. Придумаю і сформулюю деякі правила, щоб інтерфейс вийшов збалансованим і доступним з урахуванням аудиторії…

Читати далі →

Налаштування Photoshop після установки

image
Незважаючи на те, що Фотошопом користуюся все рідше і рідше, до нього іноді доводиться повертатися. Скетч дуже погано працює з растром (фактично ніяк), тому графіком готую в Фотошопі. В цьому пості поділюся своїми налаштуваннями користувача.
Читати далі →

Базові моделі мобільної навігації

Навігація в додатку повинна бути інтуїтивної та передбачуваною. Розібратися, як переміщатися по ньому, повинна бути легко для тих, хто вже користувався додатком, так і для тих, хто вперше відкриває його. Але на мобільних пристроях зробити навігацію доступній і легкій для виявлення непросто через обмеження, які накладає маленький розмір екрану, і необхідність віддавати пріоритет над UI елементами контенту. Різні моделі навігації намагаються розв'язати цю проблему по-різному, але кожна з них страждає від низки проблем, пов'язаних з юзабіліті.

У своїй статті Нік Бабич, спеціаліст по розробці мобільних додатків і UX дизайну, розглядає три базові моделі навігації — меню-гамбургер, Tab bar і управління жестами — і описує їх сильні і слабкі сторони.


Читати далі →

10 книг по UI/UX дизайну, які варто прочитати



Стати відмінним UI/UX дизайнером не так просто: потрібно знати основи, постійно відстежувати останні тенденції і використовувати їх на практиці. Кожен з нас час від часу звертається за порадою до колег або друзів, але коли потрібна перевірена інформація, найкращі порадники – це спеціалізовані видання.

У багатьох UI дизайнерів є своя особиста колекція улюблених книг. Сьогодні ми приготували список з 10 крутих книг по дизайну, які з тієї чи іншої причини могли пройти повз вас.

Читати далі →

Окей, Google, як щодо оптимізувати інтерфейс для роботи зі смартфоном однією рукою?


Тут зовсім недавно закінчив редизайн для клієнта, чиє ім'я не останнє на терені мобільного adblocking'a. Переробив їм android-версію повністю за гайдів Google Material Design (далі GMD)… Зрозуміло довелося капітально слідувати інструкції. Почуття змішані: начебто і трендово, а ніби і своїх проблем вистачає. Однак, я спокійно можу сказати про GMD — там є, переосмислити і поліпшити. Точно є речі, які можна зробити зручніше. І ось, можливо, одна з них…

Читати далі →

Хто, куди і навіщо вони йдуть: тенденції в мобільному дизайні 2016



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

Читати далі →

5 способів забезпечити безпеку користувачів за допомогою дизайну



Задоволення потреб користувача — основна мета при проектуванні UX дизайну. Методи дослідження UX націлені на вивчення специфічних потреб цільової аудиторії. Live-чат, пояснюють відео, вхід через соціальні мережі, безкоштовні пробні періоди — і це лише частина тих функцій, які можуть знадобитися користувачеві. Щоб зробити якісний сайт або додаток, необхідно ретельно вивчити потреби користувачів. У цій статті ми розповімо Вам про 5 простих правилах для підвищення зручності користувачів.

Читати далі →