image
Dali by kristina323
Привіт, Хабр! Мене звуть Наталія Спрогіс, я керую напрямком UX-досліджень в Mail.Ru Group і продовжую цикл ликбезных статей про UX-дослідженнях. Сьогодні я хочу розповісти про айтрекинг.
Айтрекинг, або окулография, — це технологія, яка дозволяє фіксувати руху погляду людини. Коли я вперше почала застосовувати її у UX-дослідженнях, я була дуже натхнені і чекала неймовірних результатів і одкровень про поведінку користувачів. А після кількох місяців роботи виявилася трохи розчарована. Не виходило побудувати гарні теплові карти, то не виходило знайти нові проблеми. З досвідом я зрозуміла, для яких завдань айтрекинг гарний, де підводні камені, яка його цінність, навіть якщо він не додає до звіту красивих картинок. Про це я і хочу розповісти в цій статті.
Читати далі →



Про плюси інтерв'ю з користувачем написано багато, тому обійдемо цю тему стороною. Хочу описати той незграбний момент, коли інтерв'ю начебто, а користі від нього ніби і не було.

Хто дивився серіал «Доктор Хаус», той згадає, що геніальний кульгавий лікар радив не вірити жодному слову пацієнтів.

Я не геній і навіть не лікар, але все ж хочу розповісти, чому говорити з користувачем добре, але в деяких випадках малоефективне.

Приклади і висновки будуть як власні, так і запозичені.

Читати далі →

IBCS — це не integrated battlefield control system (комплексна система управління бойовими діями) як хтось міг подумати, IBCS — це International Business Communication Standards, що перекладається як Міжнародний Стандарт Ділового Спілкування, або мову стандартизації представлення інформації в графічному і текстовому вигляді в панелях, графіках і таблицях, покликаний досягти однакового розуміння наданої інформації різними користувачами.

Читати далі →

image

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

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

Читати далі →

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

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

Я про юзабіліті-тестування. Шлях, звичайно, не самий легкий, але ефективний.

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

Читати далі →

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

У цій статті я розповім про дизайні WCMS зробленої в рамках шаблону HTML10, і знову поділюся вихідним кодом — це моя дипломна робота інженера-програміста.

Завдання — розробити клієнт-серверну програму для збереження знань у вигляді дерева-ієрархії документів (як у бібліотеці, максимально просту та зручну, щоб впоралися навіть діти 12+ і дуже п'яні інваліди.

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

Ця WCMS може бути використана наприклад студентом або письменником, будь Видавцем веб-документів. Можливо зробити свою енциклопедію подібну Вікіпедії, але функція пошуку документів поки можлива тільки для власника і тільки на локальному сервері.

image

Читати далі →



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

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

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

Ітеративний дизайн і GitHub

Ось вже два дні як співтовариство GitHub обурюється про першої ітерації зміни дизайну. Полягає вона в зміні світлої стилістики шапки сховища на темну.

Було:

image

Стало:

image

Читати далі →

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

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

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