Eye tracking

 Екатерина — десктоп (скрин 1).

Сначала внимание забрала бордовая полоса с вкладками — «какие разделы есть и куда можно перейти». Дольше всего взгляд держался на первом выделенном блоке и первом абзаце описания: именно там берётся «скелет» страницы — кто такие Stray Kids и что за материал дальше. Затем был устойчивый «якорь» на правой карточке фактов: жанр, дата дебюта (25 марта 2018), агентства в Корее/Японии/США. Эти строки читались внимательнее, чем основной текст, потому что дают готовые короткие ответы. Содержание слева просмотрела бегло — просто для ознакомления. Ниже по странице фиксации редели: длинные абзацы без визуальных опор почти не задерживали.



Анна — мобильный (скрины 2–4).

На телефоне центр притяжения — карточка с краткими сведениями под заголовком. Там взгляд держался дольше всего: «Название/Фон», перечисление жанров (хип-хоп, поп, R&B, EDM), дата дебюта, ссылки на агентства — всё коротко и понятно. Отдельно цепляли строки с хангылем и катаканой — непривычные символы автоматически увеличивают время фиксации. Далее внимание сместилось к блоку «Состав группы» — имена и роли всегда вызывают интерес, потому что отвечают на вопрос «кто есть кто». Финальный магнит — галерея/слайдер: подпись «1/11», миниатюры, элементы управления — здесь взгляд задерживался чаще и дольше, чем на текстах ниже, потому что это быстрый путь к живой информации идёт через фото 


(Фото Анны ниже)




Сравнение.

В обеих сессиях самые «долгоиграющие» зоны — краткие факты на первом экране. У Екатерины это первый абзац + правая инфокарточка (жанр/дебют/агентства). У Анны — карточка «Название/Фон» и затем галерея. Десктоп позволил удерживать внимание ещё и на вкладках/меню (поиск навигации по разделам), а мобайл быстрее переносил фокус на визуальный контент и имена из «Состава». В практическом смысле это говорит о простом: чем ближе к началу расположены краткие факты и фото, тем дольше там «живут» глаза и тем лучше усваивается суть страницы.



Комментарии

Популярные сообщения из этого блога

Графический анализ практика 8

Практика 5-6