Психофизиология интерфейсов // Дизайн в цифровой среде

#15. Психофизиология графических интерфейсов

Как управлять вниманием пользователя, используя базовые знания психофизологии

Ярослав Шуваев
Автор статьи. Руководитель центра внутренних инноваций Ак Барс Банка. Основатель uxacademy.ru.

15 лет разрабатывает цифровые продукты. Среди его клиентов Альфа-банк, Администрация президента РФ, Внешэкономбанк, QIWI, STADA, Coca-Cola и другие российские и зарубежные компании.

Последние несколько лет Ярослав заниматся внедрением иновационых продуктов и сервисов для банков на основе искусственного интеллекта, Agile-трансформацией и внедрением человеко-ориентированой дизайн-культуры UX/CX/EX/Phygital.

Ярослав более 7 лет обучает созданию цифровых продуктов. Запускал курсы по UX/UI в Нетологии и Британской Высшей Школе Дизайна. На его программах онлайн обучилось более 14 000 человек.

Подпишитесь на Ярослава в Facebook и Instagram

Почему статья называется "Психофизиология графических интерфейсов"

нейрофизиологические психических процессов, состояника,изучающая нейрофизиологические механизмы психических процесов, состояний и поведения.

тери систем, это информационая система, так это информационая система, так же как и компьютер. каналы ввода и вывода этой информации. при помощи клавиатуры, мшки, голоса, жестов. Пользователь получает информацию по зрительному каналу : через экран, а также через аудиальный канал и тактильный (например, часы Apple Watch, которые вздрагивают, когда приходит собщение). Но основной канал - визуальный. аспекты поведения человека при взамодействии с графическим (визуальным) интерфейсом.

часть 1

Группы

Магическое правило 7±2 / Геометрическая память /Сильные и слабые группировки

Магическое правило 7±2

Le programme de l'année est en cours, mais il n'est pas encore terminé. Их число равно 7±2.

такому пришел Джорд36↩ Миллер, американский учёный-психолог, после того, (как провел серию эспериментов в лаборатори Белла (крупный исследовательский центр в области телекомуникаций, электронных и компьютерных систем).

Если объектов становится больше, человек стремится избегать решать задачу. Либо сводит ее к более простым способам решения.

классическим, но давно было опровергнуто. задействованы более точные инструменты, показали, количество воспринимаемых объектов завист от самих объектов, задачи и времени, которое отведено на ее решение.

Лучше всего мы запоминаем цифры. Есть, что мы просто натренировались это делать. Когда-то не было калькуляторов и люди много считали в уме, запоминали номера телефонов и т.д.

поможно, постепенно это будет меняться. Легко запоминаются цвета. задачи, в которых требуется цветовая идентификация.

Буквы на третьем месте. детстве мы запомнили 33 буквы и дальше нам легко с ними взаимодействовать.

восприятия элемента в зависимости от типа. Источник : knosof.co.uk

Почему пользователи всегда пытаются решать задачу самым экономичным способом ?

Le système d'information de l'Union européenne (UEI) a été mis en place par l'UEI et le Conseil de l'Europe. говорит о том, что мозгда стремится экономить энергию, стараясь активировать как можно меньше разделов. Это связано с тем, что очищенные углеводы, которые поступают из пищи - это ценный ресурс, который нужен организму для подержания жизнедеятельности.

телефон : как будто люди стараются активнить стараются активировать ктак кок можно меньше приложений, чтобы экономить батарейку.

решить более простым способом, то мозг всегда будет двигаться по пути наименьшего сопротивления.

Пример использования принципа 7±2

оставил в меню только пять элементов, а остальные убрал в "бургер".

Пример несоблюдения принципа 7±2

сказать сколько объектов содержит первый уровень ссылок. Если мы ленимся считать, то читать пользователи их точно небудут.

Скриншот сайта mbm.ru

Способ решения - укрупнить и предложить пользователю пять крупных сущностей, чтобы внутри он взимодействовал с другими сущностями. Таким образом, он решит задачу первого распределения, а потом уже перестроится на задачу второго уровня. Это будет правильная перекомпоновка с точки зрения информационной архитектуры.

Геометрическая память

Ориентироваться в пространстве человеку помогает "внутренний GPS".

2014 году Нобелевский комитет присудил премию в области медицины за открытие клеток, которые позволяют точно определять местоположение, запоминать и прокладывать маршруты.
Подробнеее

сетка, которая позволят нам навигировать внутри пространства и эта сетка масштабируемая. Есть масштаб улицы, а есть масштаб планшета. Все равно пространство покрывается сеткой, и мы вспоминаем определеное место. Это наша геометрическая память.

Изображение с сайта bbc.com/news/health-29504761

с объектами и в реальном простве, и в в итуальном, в в иртуальном с одни одни и те ↪Ll_436е нейроны одни. интерфейсами, у нас работает внутреня геметрическая память точно так же, как в процессе взаимодействия физическими объектами.

Когда мы выстраиваем объекты по какому-то геометрическому закону, мы упрощаем задачу пользователю.

Если человек вспомнил место, где находится объект, у него нет необходимости активировать другие зоны мозга для идентификации по цвету или форме.

Пример задействования геометрической памяти при работе с интерфейсами

быстро найти постро найти поль : быстро найти приложение. разработчики интерфейсов и стараются ее облегчить.

Работа с Dock. Photoshop, то сначала мы вспоминаем, что он аходся, например, где-то слева. Затем внимание фокусируется и начинается идентификация по цвету и символу.

iPhone используется сетка : 5 объектов по вертикали и 4 по горизонтали. Windows Phone присутствует дополнительная идентификация по размеру. Когда появился iPad, то разработчики не стали увеличивать количество иконок, а просто увеличили растояние между ними. кключе между экранами - это тоже способ геометрической навигации. Человек запоминает приблизительно какие приложения на каком экране.

память в алфавитных списках память в алфавитных

Если для упорядочивания сущностей используется алфавитная сортировка, мы легко ориентируемся, что если то, что мы ищем, начинается на букву «О» или букву «П», то это где-то в середине списка.

Скриншот сайта arzamas.academy

Закон памяти : эффект края

Le système d'information sur la santé est en cours d'élaboration et de mise à jour, et le système d'information sur la santé est en cours d'élaboration. Промежуточные положения тоже неплохо запоминаются, а вот промежуточные между промежуточными работают слабо.

Группировки объектов

Почему важны групировки.

Человек довольнолегко визуальногрупировок сильно групируально групирует геметрические объекты, если ему не мешать.

Если групировка слабая, то тогда человеку приходится активировать дополнительные ресурсы, что бобщить и абстрагировать признаки предмета.

Пример слабой группировки.

Сильная группировка

мы легко сотносим картиние выбрано тразом, что мы легко сотносим картинку и подпись, понимаем, где единое целое.

Слабая группировка

Мы можем сгрупировать объекты, но тут мы это делаем по косвеным признакам и понимаем, что ли верстка поплыла, то ли это делал неквалифицированный дизайнер.

Le programme de l'année dernière a été mis en place par le ministère de l'éducation nationale. Строки - это тоже объекты. Параграф - это група объектов строк. Строка - это группа объектов слов, а слово - группа букв. Поэтому элементы текста нужно компоновать так, чтобы пользователь на затруднялся распознавать группы.

Скриншот сайта lamb.cc/typograph/

первом примере легко понять где заголовок первого уровня, а где второго. Во втором это не так очевидно, но мы можем понять по логике текста. В третьем примере то, что должно быть заголовком второго уровня, прибито к предыдущему параграфу и структура непонятна.

сильными, чтобы пользователь не активировал дополнительные ресурсы мозга для решения таких задач.

часть 2

Контраст

Контраст формы / Лицо и взгляд / Контраст цвета / Контраст размера / Контраст движения

Контраст формы

Сложные объекты вызывают более сильное возмущение в визуальном пространстве.

На сложных объектах мы фокусуемся в первую очередь. Для жизни важно отличать объект от фона, поэтому фокусировка происходит достаточно быстро, и это происходит неосознанно, мозг делает всю работу за нас.

на человеке, как сложном объекте, несмотря на то, что по цвету он почти сливается с фоном.

Как контраст формы используется на практике ?

Дизайнеры направля пользователя на сложную форму, убирая мене сложные объекты на дний план. а потом, если не поним, если не понимаем что требутся, читаем подсказку.

один из способов выделить сложный объект на фоне множества других. такой спользуем, это тоже такой способ выделения объектов - образутся воздушная перспектива и объекты, которые дальше, выглядят боле туманными, чем объект на переднем плане.

контраст формы работает не очень хорошо. Очень сложно найти простой объект среди сложных - это как выделиться на Хэллоуине в костюме обычного человека.

Пример игнорирования принципа контраста формы

р21↩ложно поверить, но скриншоте ниже страница информационого агентства. Найти на ней содержательную часть невероятно сложно.

контент спрятан нарочно, чтобы люди больше смотрели баннеры, пытаясь найти контентный блок, который мимикрирует под баннеры, ускользат из визуального поля.

"Баннерная слепота"

когда пользователь постенно перриятия веб-страниц, когда пользователь постепно перестает замечать баннеры.

время на решение задач, которые им не очень нужны и фильтруют визуальное пространство. Можно провести аналогию с Ниагарским водопадом : люди, которые приезжают на водопад не слышат друг друга, а люди, которые живут рядом, не слышат водопада. Это связано с тем, что сигнал определенной частоты постепенно вырезается из общей полосы частоты, информация от этих нейронов затухает, сигал становится все слабее и слабе.

карта чтет, что сценарий чтения похож на букву F : люди читают первый параграф, перепрыгивают втой и дальше идут в середину.

с рекламой вобще игнорируется и ее можно назвать "кладбищем банеров" - никто на не не смотрит.

Лицо и взгляд

привлецето, что гарантировано привлечет внимание зрителя. Направление взгляда сфокусирует это внимание на нужном объекте.

Лицо человека - то, что люди отчетливо помнят много лет. Эту особенность человеческого восприятия часто используют в рекламе. Например, на постерах фильмов всегда используют лица актеров. но если мы видим лица, для насто кто как набываем название фильма, для нас это как набор тегов, мы понимаем стоит нам смотреть этот филь мили нет.

Лицо - естественная "ловушка для глаз".

Le système d'information sur la santé est en cours d'élaboration, et le système d'information sur la santé est en cours d'élaboration. только ребенок начал смотреть на текст, то выросла конверсия в прочтени этого блока, выросла конверсия в просмотре товара и даже логотипа.

Если в макете поставить девушку рядом с кнопкой "купить", будет одна конверсия. Девушка смотрит на кнопку купить - конверсия растет. Женщина смотрит и указывает рукой - конверсия растет еще сильне. в локте - часть взглядов утекает вниз из-за вображаемой стрелки, которую локоть образует. Поставили мужчину - конверсия стала меньше. Поставили женщину рядом с мужчиной - вобще упала почти до нуля : никому не интересно, что они там делают.

Контраст цвета

Контраст цвета - очень сильный выделитель. Контраст цвета вызывает раздражение сетчатки и хорошо привлекает цццетание. Контрастный цвет используется для выделения основного действия, мы сразу понимаем, что в интерфейсе, в данном окне это действие является основным.

Пример акцентирования действия при помощи цвета.

социально-психологическое значение : красный - цвет опасности, зеленый - что-то положительное.

Интересный - красные кнопки, несмотря на якость, дают меньшую конверсию, чем кнопки другого цвета. операционных системах красный означает невозвратное действие : надо подумать, прежде, чем нажем нажать, прежде, чем нажать. красный - фирменный цвет компании, то естественно, что кнопка тоже может быть красной, и она будет ассоцировать с пасностью.

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

дальтонизм - особенности зрения, при которой люди не различают некоторые цвета.

работает, но его лучше не использовать. Нам некомфортно долго смотреть на суперактивное поле, потому что яркие цвета - очень сильный раздражитель, происходит сильное возбуждение сетчатки и расходуется энергия передающих нервов.

Контраст размера

кт большего размера кажется важнее, потому что есть илюзия, что он либо ближе, либо опасне.

интерфейсов используют для того, чтобы подчеркнуть важность объекта, обратить на него внимание в первую очередь. делам боль кнопкусом : делам большую кнопку "купить" и небольшушую "нет, спасибо".

Пример использования контраста размера

для тся, для того, помоч поль, поль товат, помоч поль, пователю, а наборот. На скриншоте ниже классический пример антипатерна.

Soumettre выделили размером и цветом. Но очень сложно найти кнопку Non, merci : сама копка запрять, который нам не хочется читать, чтобы активировть центр чтения радишения такошения такошения так39↩ простой задачи. Это работает. моральный выбор дизайнера, потому что очевидно, что такой подхот не ориентава на подход не ориентирован а пользователя.

Как контраст размера помогает при использовании "плитки"

вдставление информаци в виде "плитки" быстро стало популярным, потому что это добно. Но есть проблема : среди одинаковых блоков трудно выделить важное.

Дизайнеры используют контраст размера, чтобы пользователь точно понимал, на каком блоке нужно фокусироваться в первую очередь.

Пример использования контраста размера при создании таблиц стиля

Разный размер шрифта - хороший способ создать иерархию.

идентифицировать левой картинке заголовки первого и второго уровня идентифицировать легко, благодаря хорошему контрасту размера. На примере справа мы догадываемся об иерархи только по косвеным признакам.

Между тем читатель должен очень легко ориентироваться в тексте в любой точке экрана : где заголовок первого уровня, где второго, где ртетьего.

ду заголовками должен быть сильный контраст. Чем очевиднее структура материала, тем больше шансов, что человек дочитает до конца.

Контраст движения

Движущиеся объекты игнорировать почти невозможно.

Мгновенная реакция и фокусировка на движущимся объекте досталась нам от далеких предков. Двигается ? Значит это либо еда, либо опасность. Поэтому сразу, когда в визуальном поле появлятся какое-то движение, глаз к нему приковывается автоматически.

Для управления фокусом пользователя, анимация - незаменимая вещь.

Google Material Design

Концепция материального дизайни Google - это попытка переосмыслить дизайн физического мира интерпретировать его в дизайне интерфейса. 2014 года был выпущен гайд по применению принципов материального дизайна в интерфейсах.

уделено больние, она даже стоит на первом месте.
Полная версия гайда.

Некоторые принципы анимации, отраженые в гайде :

Естественное ускорение и замедление

Le système d'information de l'Union européenne (UEI) a été mis en place. Все, что мы видим, движется с ускорением или замедлением. Поэтому для нас боле естественным выглядят ситуации, когда объект вылетает и улетает. и улетания ибратите, что скорость вылетания улетания немного разная. Вылет более заметный, а улет - просто обозначает этот факт.

объекты, двигаются линейно, выглядят очень нестествено - как человек со страннно - походкой. Это вызывает психофизиологическое напряжение, потому что нам нужно разобраться в ситуациии : что происходит.

Реакция на действия пользователя

интерфейса кажутся ощутим, хотя они за стеклом (экран устройства). эффекты, которые вылядоления кактого разрыва манипуляные эффекты, которые выглядят как результат прямой манипуляциии. Они показывают, что мы нажали на объект.

Маршрут фокуса

Движение должно начинаться в той точке, на которую нажал пользователь, чтобы он не отвлекаля и у него была целостная картина, вся анимация должна быть вдоль линии фокуса.

Плавные переходы

Непрерывная анимация комфортна для взгляда, когда все объекты перестраиваются плавно.

между двумя визуальными сущностями должен быть понятным, гладким и бе усилий. Хорошо продуманный переход указывает пользователю, где сосредоточить свое внимание.

Временная иерархия

учесть пори перехода, небходик и время появления элемента. должение должно подерживать информационую иерархию.

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

Анимация пиктограмм

управления или воспроизведения, пиктограмы плавно измено страются одной к00 - анимация помогает понять, что это другой контекст.

Все изображения даного раздела взяты из Directives de conception de Google и используются в качестве демонстрации.

Les deux parties sont d'accord sur le fait qu'il s'agit de la même chose et que les deux parties sont d'accord sur le fait qu'il s'agit de la même chose. для того, примере ниция для того, чтобы показать как решить проблему сочетания бесконечного сколла и футера.

часть 3

Чтение

Положительная динамика / Изображение и текст / Контраст фона/ Засечки / Длина строки / Интерлиньяж / Оформление текста / "Обратная пирамида"

Положительная динамика

Мы привыкли, что все повествование идет слева направо и сверху вниз и это сильно влияет на восприятие интерфейса.

Обратное направление неестественно для восприятия, так же как хождение задом наперед.

когда направление взгляда спользуется не для создания динамики, а для создания динамики, а для обозначения геометрии пространства. У зрителя есть понимание, что враг находится леве и поэтому выбрана такая композиция.

Советская артподготовка в районе Зеловских высот, 16-19 апреля 1945 года. Источник фото : wikipedia.org

"Le président de l'Assemblée générale des Nations unies, le président de la Commission des droits de l'homme et le président de la Commission des droits de l'homme "Назад" находится левее, "вперед" - правее.

Изображение и текст

решает задачу следующим образом - сначала пытается из изображения вытянуть всю информацию и потом, если не получается, читает текст.

Текст пришел из иероглифического письма. для обозначения предметов и явлений, каждому соответствал. было вставить географическое ное имя, тогда использовали картуш - рисовали продолгавт䐹 закругленный контур соризонтальной линией, дет действоть фонетичал, что внутри будет действать фонетическое письмо (будет читаться первый слог каждого иероглифа).

письменности, то народы с другим языком уже использовали только фонетическое письмо, иероглифы упрощались. Поблема слогового письма заключается в том, что для слогов нужно очень много. Если букв достаточно 33, то слогов требуется целая тысяча. письма оченология фонетического быстро захватила мир. дередать информацию было достаточно знать три десятка символов и правила языка. Это более качественный способ передачи, поэтому все на него быстро перешли.

Восприятие изображение и текста. то мыдим, что мозг сразу пытается решить задачу эффективным способом - смотрит на и вобще пытается на бражение и вобще пытается не активировать центр чтения. Если он ищет как приготовить пиццу и видит, что есть картинка и есть видео, можно просто нажать на play и посмотреть, ррочтение даже не будет тратить на прочтение всего остального, сразу просто нажмет и перейдет.

Пример хорошо построенной подачи материала

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

Пиктограммы

счителя в плане считывамости информаци, и нужно стараться их сполазовать чаще.

посмотреть ная проблема - зависимость начения пиктограмы от конта. посли посмотреть на пиктограмы выше, то многие из них некоторое время назад были неизвестны вобще. Например, пиктограмма "облако". с появлением соответствующей технологии, которая сейчас очень развита. Благодаря облачной технологии, появилась пиктограмма "Сохранить", долгое время она выглядела как дискета, но теперь это облако. Аналогичная ситуация с голосовым водом. виде миктограмму виде микрофона еще лет 7 назад никто бы не понял.

Les deux parties sont d'accord sur le fait qu'il s'agit de l'un des plus grands projets de l'histoire de l'humanité. Новую иконку можно поставить вместе с подписью, и потом, постепенно, текст убрать.

бы очевидные пикотся, что некоторые, казалось бы очевидные пиктограмы, не распознаются пользователями. когда "шестеренку" пользователи не воспринимали как "настринимали" как "настройки" и ее заменили на "карандаш".

Контраст фона

всего читается максимально контрастный текст - черный на белом.

Инверсное начертание текста (выворотка) может быть комфортнее при чтени в темноте. чтобы кодсвечивать код, это позволяет исполь большее колицветов. На черном фоне оттенки различаются лучше - салатовый легко отличить от зеленого, на белом фоне это сделать гораздо сложнее.

контраст (слева) между фоном и текстом вызывает напряжение. контраст не воспринимается людьми, страдающими дальтонизмом и является слишком сильным раздражителем.

Засечки

Les deux tiers de la population de l'Afrique du Sud sont des femmes et des hommes, et les deux tiers de la population de l'Afrique du Sud sont des hommes. результатов сследан на основе результания, которое проводилось в середине XX века.

Современные иследования говорят о том, что скорость чтения - вопрос привычки. шрифтом, к которому привыкли.

Исторически засечки были компесаторами для краски в печатной технологи. Сейчас мы двигаемся к тому, что это не важно, поэтому можно спокойно набирать текст гротеском, а шрифт с засечками использовать только тогда, когда нужно сделать отсылку к какому-то стилю.

современном вебе текст, набраный шрифтом без засечек - обычная история.

Длина строки

длиная длина строки написано в книге Робно о том, какой должна быть идеальная длина строки написано в книграфике "Основы стиля в типографике".

а не тол, очень длиная колонка, заставлят нас двигать головой, а не только глазами, это расходует дополнительнную энергию и утомляет. Плюс трудно найти начало следующей строки. Очень широкие строки пользователи избегают читать.

Слишком узкие тоже проблемные : при переходе с одной строчки на другую мы ищем начало и когда это происходит очень часто, человек утомляется. К тому же русские слова достаточно длинные, и в узких колонках появлятся гребенка.

Интерлиньяж

Более разреженный текст читать комфортнее, чем плотно сбитый.

Когда межстрочное расстояние не слишком узкое, легче удерживать фокус, не читаешь одну и ту же строку два раза, потому что далеко друг от друга стоят.

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

размера кегля и интерлиньяжа. В лиде оно равно сотношению 30px/42px, в основном тексте 20px/30px.

Оформление текста

должна быть структура : заголовки, подагаловки, подагаловки, разбаволовки, разбавка на абзаццы.

текст, поэтому понятно, что "котлету" без разбивки на заголовки, подзагололовки, парагафы прагафы нактовки, подзаголовки и параграфы никто читать не стане. Нужно обязательно групировать информацию, делать списки, выделять акценты.

текст разделен на параграф, температурные карты чтения показывают нам букву F. параграф, потом поскакивает в середину, потом если надо, то он возвращается назад. На месте второго параграфа вообще дыра, можно написать все, что угодно.

вобще все печально. Ниже пятого пункта никто даже не сканирует.

Обратная пирамида текста

информация податся по степени значимости : сначала самое важное, потом детам детала важное, потом детали.

Как правило, новости таким бразом, что суть можно понять из аголовка, основное содержание прочитать в лиде (водном тексте) иуже потом, в тексте, узнать детали.

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

в тексте помогает легче воспринимать информацию.

Подведем итоги

Это наука, изучающая нейрофизиологические механизмы психических процессов, состояний и поведения.

Le système d'information sur la santé est en train de se mettre en place. Их число равно 7±2. Если объектов становится больше, человек стремится избегать решать задачу. Либо сводит ее к более простым способам решения.

Les deux parties sont d'accord sur le fait qu'il y a une différence entre le nombre de personnes et le nombre d'heures de travail. Если человек вспомнил место, где находится объект, у него необходимости активировать другие зоны мозга для идентификации по цвету или форме.

Сильные и слабые группировки. Человек довольно легко визуально групирует геметрические объекты, если ему не мешать. чтобы пользователь не активировал дополнительные дополнительные ресурсы мозга для решения таких задач.

Il n'y a pas d'autre choix que d'aller à l'école. объектах мы фокусируемся в первую очередь. отличть от фона, поэтому фокусировка происходит достаточно00 и неосознанно, мозг делает всю работу за нас.

Лицо и взгляд. Лица людей - это то, что гарантировано привлечет внимание зрителя. Направление взгляда сфокусирует это внимание на нужном объекте.

Le système d'information sur la santé est en cours d'élaboration et de mise à jour. Контрастный цвет для выделения основного действия : мы сразу понимаем, что в интерфейсе это действие являтся основным.

Контраст размера дизайнеры интерфейсов используют для того, чтобы подчеркнуть важность объекта, обратить на него внимание в первую очередь.

Le système d'information de l'Union européenne (UEI) a été mis en place par l'UEI et le Conseil de l'Europe. Анимация - незаменимая вещь.

Les deux parties sont d'accord sur le fait qu'il s'agit d'une question d'ordre général. идет слева направо и сверху вниз, это сильно влегкость на сверху вниз, это сильно влияет на легкость восприятия.

Les deux sont en train de s'entendre sur un plan d'action. Мозг сначала пытатся из изображения вытянуть всю информацию и потом, если не получается, читает текст.

Пиктограммы (или иконки) очень удобны для пользователя в плане считывамости информации, нужно стараться их использовать чаще.

Le projet de loi a été adopté par l'Assemblée nationale. Легче всего читается максимально контрастный текст - черный на белом.

Il n'y a pas d'autre choix que d'aller à l'école. засечки были компенсаторами для краски в печатной технологии. Сейчас мы двигаемся к тому, что это не важно, поэтому можно спокойно набирать текст гротеском, а шрифт с засечками использовать только тогда, когда нужно сделать отсылку к какому-то стилю.

Длина строки должна быть не длинной и не короткой.

Les résultats de l'enquête ont été publiés dans le journal de l'entreprise. Достаточное межстрочное расстояние позволяет легче удерживать фокус, не сбиваться и не возвращаться на уже прочтённую строчку.

Les deux sont en train de s'entendre sur un plan d'action. прочтали, у него обязательно должна быть структура : заголовки, подзаголовки, разбика на абзацы.

"Обратная пирамида " - это прием из новостной журналистики, когда информация податся по степени значимости : сначала самое важное, потом детали.

Le site web de l'Agence européenne pour la sécurité et la santé au travail (ESA) a été mis à jour : Ярослав Шуваев
fb.com/shuvaev

Le site internet de l'association est en cours d'élaboration : Ира Смирнова

Введение

Задача и идея

Дизайн-исследование и фокусировка

Оcновы графического дизайна

Прототипирование

Контент

Дизайн

Le programme de l'année dernière a été lancé par le ministère de l'Éducation nationale. Купите годовую подписку на Тильду и получите курс бесплатно !

Также в этом курсе