Еще одно правило интерфейса
Теория интеграции признаков считает, что вы быстрее найдете само наличие признака, чем его отсутствие.
Так, найти Q среди букв О намного легче, чем найти О среди Q.
Поэтому, когда вы рисуете экран, упрощайте все остальное, кроме главного элемента. Например, если на экране оплаты, где все "горит" вы еще мощнее подсвечиваете кнопку оплаты — это ошибка.
Картинки
Книга о внимании
Теория интеграции признаков считает, что вы быстрее найдете само наличие признака, чем его отсутствие.
Так, найти Q среди букв О намного легче, чем найти О среди Q.
Поэтому, когда вы рисуете экран, упрощайте все остальное, кроме главного элемента. Например, если на экране оплаты, где все "горит" вы еще мощнее подсвечиваете кнопку оплаты — это ошибка.
Картинки
Книга о внимании
❤4🔥3✍2🤔1
Преза Майкрософт
Все таки не стоит выделять отдельные слова жирностью, так как скачет строка. Далеко от серебра набора. Лучше выделять подложкой, возможно, контурной. Да и вообще взаиморасположение изображения и текста я бы сменил и попробовал в две строки левый текст набрать и по левому флагу все. Если не лень, закиньте пример в комменты как было бы лучше
Все таки не стоит выделять отдельные слова жирностью, так как скачет строка. Далеко от серебра набора. Лучше выделять подложкой, возможно, контурной. Да и вообще взаиморасположение изображения и текста я бы сменил и попробовал в две строки левый текст набрать и по левому флагу все. Если не лень, закиньте пример в комменты как было бы лучше
❤2
Ютубу пора встроить лайк прямо поверх видео: блогер просит совершить классическое действие и всплывает навбар с лайком, подпиской и комментом.
Сейчас приходится переходить к этим функциям, когда автор напоминает голосом или картинкой с кнопками колокольчика, подписки и лайка в видео (а там кто во что горазд).
В теории реакции и подписки должны увеличиться, так как "живая" кнопка уже под пальцем.
Сейчас приходится переходить к этим функциям, когда автор напоминает голосом или картинкой с кнопками колокольчика, подписки и лайка в видео (а там кто во что горазд).
В теории реакции и подписки должны увеличиться, так как "живая" кнопка уже под пальцем.
❤7
Изменилась маленькая, но влияющая деталь в дизайне коммуникаций
Ютуб заменил👍 на 🩷 в шортсах
Теперь сердечко станет еще более универсальным сигналом одобрения.
Хотя меня устраивал и палец вверх. Я понимал, что нахожусь в Ютубе. Характер жеста был погрубее сердечка, как и интерфейс и это был элемент бренда.
Ну был и был.
Ютуб объясняет смену иконки так:
— для более точного понимания рекомендаций алгоритмом, так как сердечко более яркое обозначение реакции;
— унификация с другими платформами для снижения когнитивной нагрузки;
— корректировка сигнала: быстрая реакция (🩷 ) важнее обдуманной оценки (👍 ).
В длинных видео остается👍 . Платформа разделяет язык интерфейса для длинного и короткого контента.
Ютуб заменил
Теперь сердечко станет еще более универсальным сигналом одобрения.
Хотя меня устраивал и палец вверх. Я понимал, что нахожусь в Ютубе. Характер жеста был погрубее сердечка, как и интерфейс и это был элемент бренда.
Ну был и был.
Ютуб объясняет смену иконки так:
— для более точного понимания рекомендаций алгоритмом, так как сердечко более яркое обозначение реакции;
— унификация с другими платформами для снижения когнитивной нагрузки;
— корректировка сигнала: быстрая реакция (
В длинных видео остается
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🔥1
Глобальная претензия к кассам самообслуживания — слепое масштабирование мобильного интерфейса на большой сенсорный экран.
Наша рука в размахе 15-20 см. В ее пределах и нужно делать все активные элементы. Снизу. Клавиатуру точно. Иначе получается тренажер для рук. И это если экран нужен в качестве баннера.
Но в идеале, конечно, стоит брать планшетный размер, где нет конфликта с антропометрией.
Наша рука в размахе 15-20 см. В ее пределах и нужно делать все активные элементы. Снизу. Клавиатуру точно. Иначе получается тренажер для рук. И это если экран нужен в качестве баннера.
Но в идеале, конечно, стоит брать планшетный размер, где нет конфликта с антропометрией.
🔥2💯1
Снова гений перфоманса собирает меня по фрагментам
Идея.
Звук.
Костюмы.
Интеллектуально и строго красиво.
Тема детства деликатно перенесена на взрослых.
Тут внимание к человеческому через образы. Оно нюансно до того, что чувствуешь послание дизайнера. Эрик Луи аудиогений.
Впустить в себя гармонию
Идея.
Звук.
Костюмы.
Интеллектуально и строго красиво.
Тема детства деликатно перенесена на взрослых.
Тут внимание к человеческому через образы. Оно нюансно до того, что чувствуешь послание дизайнера. Эрик Луи аудиогений.
Впустить в себя гармонию
❤🔥5
Классная стилизация под Виндоус 95 установочного экрана нейронки.
Потому что устали от гонки. Хочется вернуться в знакомое и безопасное.
Правда кроме этого экрана ничего не стилизовано.
Потому что устали от гонки. Хочется вернуться в знакомое и безопасное.
Правда кроме этого экрана ничего не стилизовано.
❤1
Традиция или логика
Тредс разместил «закрыть» слева. Традиционно — справа. Но что лучше: традиция или логика?
Тредс выбрал логику последовательности. На месте крестика встречается кнопка «Назад» на остальных страницах. Закрытие здесь — возврат на предыдущий уровень интерфейса.
И это удобно семантически. В когнитивной модели для культур с письмом слева направо прошлое — слева, а будущее — справа, так как текст и временные шкалы мы читаем слева направо. Поэтому кнопка возврата естественно оказывается слева.
Вопрос остается открытым: нужно ли менять устоявшиеся паттерны, чтобы новое поколение пользователей встретило более логичный интерфейс?
Тредс разместил «закрыть» слева. Традиционно — справа. Но что лучше: традиция или логика?
Тредс выбрал логику последовательности. На месте крестика встречается кнопка «Назад» на остальных страницах. Закрытие здесь — возврат на предыдущий уровень интерфейса.
И это удобно семантически. В когнитивной модели для культур с письмом слева направо прошлое — слева, а будущее — справа, так как текст и временные шкалы мы читаем слева направо. Поэтому кнопка возврата естественно оказывается слева.
Вопрос остается открытым: нужно ли менять устоявшиеся паттерны, чтобы новое поколение пользователей встретило более логичный интерфейс?
🔥1
Когда иконка станет понятной всем?
Иконографике интерфейса 50 лет. Славянской письменности больше 1000 лет (латинской 2700). АБВГД мы унифицировали, а вот🎙 👀 ➡️ ❤️ и даже 🏘 🗑 📂 📁 еще только складывается (хотя это не прямое сравнение, ведь алфавит не иероглифы). Мы до сих пор договариваемся, что означают символы и где им место. Когда этот язык станет таким же единообразным, как письменность, интерфейсы станут читаться быстрее и без усилий.
Сейчас понятность интерфейсного языка возложена на бизнес, когда как в школе еще учат только алфавиту.
Ждем сто лет, когда иконки станут такими же привычными, как буквы, если это вообще случится и иконки не короткий перевалочный этап. Но, как видно, долгие технологии типа виар очков могут "танцевать танго" — два шага вперед один назад.
Иконографике интерфейса 50 лет. Славянской письменности больше 1000 лет (латинской 2700). АБВГД мы унифицировали, а вот
Сейчас понятность интерфейсного языка возложена на бизнес, когда как в школе еще учат только алфавиту.
Ждем сто лет, когда иконки станут такими же привычными, как буквы, если это вообще случится и иконки не короткий перевалочный этап. Но, как видно, долгие технологии типа виар очков могут "танцевать танго" — два шага вперед один назад.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2🔥1
📞 → 📱
Новое поколение не узнает, что было в основе этой иконки. А когда-то она была пиктограммой — буквальным обозначением предмета. Но сейчас это метафора звонков, то есть иконка. Никто уже не поднимает трубку с корпуса. Сама фраза "поднять трубку" стала метафорой. Сейчас же мы тапаем или свайпаем по экрану, чтобы ответить на звонок.
Так как технологии быстро сменяют друг друга, то и графический язык обновляется вместе с ними. Например, это —☎️ запись на аудиокассете, носитель поменялся и сейчас запись это что-то такое:⏺️ .
Но если функция сохраняется, то часто иконка живет в качестве традиции.
Новое поколение не узнает, что было в основе этой иконки. А когда-то она была пиктограммой — буквальным обозначением предмета. Но сейчас это метафора звонков, то есть иконка. Никто уже не поднимает трубку с корпуса. Сама фраза "поднять трубку" стала метафорой. Сейчас же мы тапаем или свайпаем по экрану, чтобы ответить на звонок.
Так как технологии быстро сменяют друг друга, то и графический язык обновляется вместе с ними. Например, это —
Но если функция сохраняется, то часто иконка живет в качестве традиции.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4
💾
Сенсорный опыт определяет узнавание предмета. Ты либо знаешь, что это дискета, либо никогда не трогал ее.
А раз предмета такого в обиходе нет, то у нового поколения включается абстрактное мышление. С ним доступна метафора иконки без знания самого предмета.
Сначала дискета это пиктограмма — буквальное изображение объекта, а потом это метафора, то есть иконка. Так же стало с телефонной трубкой прямо на наших глазах. Никто ее не поднимает, мы тапаем по экрану, чтобы ответить на звонок. Даже само выражение "поднять трубку" стало метафорой.
А вы знаете какая иконка для сохранения пришла на смену дискеты?Никакая, это просто ctrl+s.
Сенсорный опыт определяет узнавание предмета. Ты либо знаешь, что это дискета, либо никогда не трогал ее.
А раз предмета такого в обиходе нет, то у нового поколения включается абстрактное мышление. С ним доступна метафора иконки без знания самого предмета.
Сначала дискета это пиктограмма — буквальное изображение объекта, а потом это метафора, то есть иконка. Так же стало с телефонной трубкой прямо на наших глазах. Никто ее не поднимает, мы тапаем по экрану, чтобы ответить на звонок. Даже само выражение "поднять трубку" стало метафорой.
А вы знаете какая иконка для сохранения пришла на смену дискеты?
This media is not supported in your browser
VIEW IN TELEGRAM
Каретка в поле ввода Гемини, в Гугле. Ловко и занимательно.
❤4
Каждый раз забываю не писать черновик прямо в телеге. Здесь любое действие стирает весь текст. А в статье нельзя сделать ссылку из двух слов.
💥
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2😁1