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



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

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

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

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

Читати далі →

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

Читати далі →

Стаття про те як отримати користувальницький досвід на стадії проектування. Показую це на поточній версії робочого UX-прототипу. Створений у програмі UXPin, дивитися за посиланням тільки на десктопі, мобільна версія окремо.



На його прикладі докладно: про термінологію, ніж інтерактивний прототип краще традиційного (10 моментів), як його використовувати кілька висновків.

Читати далі →

image

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

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

Читати далі →

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

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

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

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

Читати далі →

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

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

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

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

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

image

Читати далі →

Ідея другої стаття виникла спонтанно і утвердилася завдяки нашим читачам. Після першої статті нам задавали питання і ми розповідали про процес створення сайтів. Кілька разів прозвучав термін «прототип». Дійсно, це важливий етап, який не можна пропустити. У цій статті ми розповімо про наш досвід створення інтерактивних прототипів на платформі PIXLI.



Читати далі →