Дихотомія UI і UX: UI-дизайнер ≠ UX-дизайнер

Кому велено чірікать — не мурлыкайте!
Кому велено муркотіти — не цвірінькати!

© Плутанина, Корній Чуковський


На сайтах про пошуках роботи, 99% вакансій із заголовком «UI/UX Designer» містять тексти про інтерфейси, сценарії використання та дизайн. Хто був першоджерелом цього складно сказати, але UI і UX мають досить мало спільного.

Star Wars

Хотілося б дати в руки колегам хорошу палицю аргументацію для розширення їх можливостей, ну і взагалі, розібратися, що є що…

Читати далі →

Правдива брехня оптимістичних інтерфейсів

Нещодавно опублікована у Smashing Magazine стаття Дениса Мишунова здалася нам дуже цікавою: вона присвячена підходу, про який багато хто до цих пір не замислюються, хоча він вже оточує нас в популярних сервісах. З дозволу автора і першоджерела ми вирішили перевести цей матеріал для хабрасообщества.

Три користувача інтерфейсу заходять в паб. Перший замовляє напій, потім ще кілька. Парою годин пізніше він просить рахунок і залишає паб п'яним. Другий замовляє напій, платить за нього відразу ж, замовляє ще один, сплачує за нього, продовжує в тому ж дусі, і через пару годин покидає паб п'яним. А третій заходить в паб вже п'яним, він знає, як працюють паби, і досить ефективний, щоб не втрачати час. Чули про це третьому? Його називають оптимістичним UI».



Оптимістичний підхід до UI не в тому, щоб дивитися на веб через рожеві окуляри — принаймні, не лишев цьому.

Читати далі →

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



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

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

Читати далі →

Опаньки, я зламав ваше життя

Ще не згасла надія на слабкий сигнал Wi-Fi в аеропорту, на заряд батареї, який ось-ось змусить ноутбук вирубатися — а розетку тут знайти та ще задача на те, що лист клієнту на мільйон доларів ніби пішло. І в цей момент «будь ласка, зароби» вилазить приводить в шок повідомлення: «Упс».

image
Помилка. Упс… виникла серверна помилка і ваш лист не вирушило.

Як в деякі кидають в тремтіння моменти фільму «Американський психопат» це не дуже помітне, безпристрасне повідомлення від пошти Gmail встромляє кинджал точно в моє серце, миттєво породжує відчай — що ж пішло не так?

Читати далі →

П'ятниця: всі дизайнери інтерфейсів потрапляють в пекло...

image

Кожен раз, коли я бачу напис «Оновити зараз або нагадати завтра», у мене виникає посмішка, при думці про те, що всі люди, які брали участь у розробці подібних діалогових вікон (с*ки, поверніть кнопку «Немає і ніколи більше не питати»), виявляться в тепленькому уютненьком пеклі, де їм потрібно буде просто ввести телефонний номер…

Читати далі →

П'ятниця: всі дизайнери інтерфейсів потрапляють в пекло...

image

Кожен раз, коли я бачу напис «Оновити зараз або нагадати завтра», у мене виникає посмішка, при думці про те, що всі люди, які брали участь у розробці подібних діалогових вікон (с*ки, поверніть кнопку «Немає і ніколи більше не питати»), виявляться в тепленькому уютненьком пеклі, де їм потрібно буде просто ввести телефонний номер…

Читати далі →

З маленькою або Великий

Така дрібниця, як застосування заголовних букв може бути дуже важливою. Для англійської мови. Стаття буде особливо корисна тим, хто займається розробкою продуктів англійською.
(до Речі, хто ще не знає, «вуз» пишеться малими літерами.)

image

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

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

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

Підтримка публікації — компанія Edison, яка розробляє тендерні та інформаційні агрегатори і проектує й реалізує backend для стартапу — інструмент збільшення продажів.


Читати далі →

Інтерфейси: Мій, твій, ваш, наш чи цей

Замітка про точках зору.

image
Еволюція Мого Комп'ютера
Пам'ятайте значок Мій Комп'ютер (My Computer) на старих версіях Windows? То була чудова маленька іконка, що представляє собою все, що було на вашому комп'ютері — всі програми, всі праці і твори, всі цифрові шматочки користувача.

У більш пізніх версіях Windows Microsoft назвали цю іконку Комп'ютер (Computer), згодом перейменувавши її в Цей Комп'ютер (This PC). З чим пов'язані ці зміни? Можливо, займенник «мій» вводило в оману? Було непослідовним? Або взагалі не потрібне?

image
Постійні зміни назви цієї іконки змусили мене замислитися: якими критеріями
розробники роблять вибір між «моє» і «ваш»?

Читати далі →

7 корисних плагінів для Sketch



Працювати в Sketch легко. Багато хто знають, як використовувати базові функції. Але не всі працюють з плагінами, які розширюють можливості програми. Я розповім про 7 корисних доповнення, які допомагають оптимізувати роботу та автоматизувати деякі завдання.
Невеликий хінт: більшість плагінів, про які йде мова, доступні в Sketch Toolbox. Це окрема невелика програма з пошуком та можливістю швидкого видалення/установки плагінів.

Читати далі →

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

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

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