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

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



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

Читати далі →

Є два типи компаній: перші орієнтовані на користувачів, другі — на свій продукт. По мірі того як бізнес зростає, часто головним для нього стає продукт, який необхідно розвивати і підтримувати, а турбота про клієнта відходить на другий план.

При всіх своїх масштабах і лінійці більш ніж з 60 настроюються рішень «Лабораторія Касперського» діє перш за все в інтересах користувача. Важлива частина нашої роботи — тексти: ми спілкуємося з користувачами наших продуктів з допомогою елементів інтерфейсу і документації.

image

Рік тому в «Лабораторії Касперського» пройшла перша зустріч «РгоКонтент» для технічних письменників, редакторів, перекладачів та локалізаторів. 16 березня 2017 року ми знову запрошуємо до себе всіх бажаючих, щоб розкрити свої секрети і поговорити про те, що нас об'єднує. Про контент.

Читати далі →

Веб-анімація: де, навіщо і чому

Якісна і доречна анімація веб-сторінок радує око і допомагає в роботі. Це – одна з основ веб-дизайну наших днів. Взаємодія користувачів з сучасними веб-сайтами серйозно зав'язано саме на анімації. Вона здатна повідомляти про якісь станах сторінки, направляти увагу. Анімація допомагає користувачеві побачити результат його дій і може впливати на його поведінку.

image
Коли анімація здатна поліпшити враження від роботи зі сторінками? Що саме стоїть «оживити» для того, щоб взаємодія з ресурсом стало б більш зручним, зрозумілим, цікавим?

Читати далі →

Креш-курс по UI-дизайну



Ми завжди в пошуках хороших статей про дизайні, щоб потім використовувати їх у роботі над сайтом «Я люблю ІП». Сьогодні ми перевели ще одну статтю, яка розповідає, чим відрізняється UI-дизайн від UX-дизайну і на яких основних принципах будується дизайн інтерфейсів.

UI vs. UX

Якщо ви хоч трохи цікавилися дизайном додатків, то напевно чули терміни «UI» і «UX». Але чим же вони відрізняються?
У найпростішій формі, UX-дизайн — це те, що робить інтерфейс корисним, а UI-дизайн робить його красивим. Дизайн інтерфейсів — це суміш візуальної ієрархії і елементів інтерфейсу. Щоб розібратися, чим відрізняється прекрасний дизайн від просто хорошого, необхідно зрозуміти, що дизайн інтерфейсів — це всього лише один з шарів цілого дизайн-процесу. Можливо, саме тому ці два терміни так часто плутають. У цій статті я постараюся розповісти, в чому ж полягає різниця між ними з точки зору дизайн-процесу.
Згідно з книги Дж. Гарретта «Елементи досвіду взаємодії», UX-дизайн можна визначити через п'ять основних рівнів. Давайте почнемо з самого абстрактного.

Читати далі →

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

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

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

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

Читати далі →

Як зробити дівчині пропозицію за допомогою соціальної інженерії

Багато хто до цих пір вважають, що якщо ти розробник, то коротаешь самотні і сумні вечора на роботі, з черговим проектом, а зовсім не з красунею в киношке. Насправді робота у сфері IT — не перешкода особистого життя, а зовсім навпаки. Напередодні Дня Всіх Закоханих iOS розробник Or Ron розповів, як підкорив серце своєї нареченої силами UX.


«Початок цієї історії поклала моя невгамовна пристрасть до сайд-проектами і складним задачкам. Як розробник софту, я постійно перебуваю у пошуку класних проектів, які міг би взяти в роботу. Коли я зважився зробити пропозицію своїй дівчині, то відразу зрозумів: потрібно використовувати цю пристрасть, щоб придумати ідеальний персоналізований сценарій.

Читати далі →

Користувальницькі дослідження в іграх

В січні в рамках нашої програми «Менеджмент ігрових інтернет-проектів» проходив майстер-клас запрошеного експерта Наталії Спрогіс (керівник напряму UX-досліджень в Mail.Ru) на тему Власні дослідження в іграх».

У цій статті ми відповімо на питання, які обговорювалися на майстер-класі:
— Навіщо розробникам ігор потрібні UX дослідження?
— На які питання вони допомагають відповісти?
— В який момент розробки варто їх застосовувати?
— Як організувати дослідження?




Читати далі →

UI/UX події 2017 року, які вас точно не втомлять

Який дизайнер не хоче стати найкращим у своїй галузі? А найкращий спосіб дізнатися щось дійсно круте – це поспілкуватися з людьми, які на цьому собаку з'їли. Тому сьогодні ми пропонуємо вашій увазі список всіляких цікавих заходів (в першу чергу, присвячених темі UI/UX) як для дизайнерів-початківців, так і для просунутих, які ви, можливо, захочете внести в свій щоденник.



Читати далі →

Realistic UI: реалістичний погляд на Optimistic UI

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

Читати далі →