Закон Якоба
Пользователи проводят большее количество времени на других сайтах. Это означает, что пользователи предпочитают, чтобы ваш сайт работал так же, как и сайты, которые они уже знают. Закон Якоба придуман Якобом Нильсеном, сооснователем Nielsen Norman Group, который сделал огромный вклад в UX, например, изобрел метод эвристической оценки.
Пользователи проводят большее количество времени на других сайтах. Это означает, что пользователи предпочитают, чтобы ваш сайт работал так же, как и сайты, которые они уже знают. Закон Якоба придуман Якобом Нильсеном, сооснователем Nielsen Norman Group, который сделал огромный вклад в UX, например, изобрел метод эвристической оценки.
Закон близости
Близкие друг к другу объекты воспринимаются в группе. Этот закон также является одним из основных в гештальт-психологии и был открыт Вертхаймером. Он заметил, что быстрая серия событий создает иллюзию движения. Например, фильмы — это быстрое движение кадров, которое воспринимается как сплошной визуальный опыт.
Близкие друг к другу объекты воспринимаются в группе. Этот закон также является одним из основных в гештальт-психологии и был открыт Вертхаймером. Он заметил, что быстрая серия событий создает иллюзию движения. Например, фильмы — это быстрое движение кадров, которое воспринимается как сплошной визуальный опыт.
Закон Миллера
В среднем, человек может удержать в памяти 7 ± 2 элемента в своей рабочей памяти. В 1956 году Джордж Миллер утверждал, что диапазон непосредственной памяти и абсолютного суждения был ограничен примерно 7 частями информации. Основной единицей информации является бит, объем данных, необходимый для выбора между двумя одинаково вероятными альтернативами. То есть, 4 бита информации — это решение между 16 парными альтернативами (4 последовательных двоичных решения). Точка, в которой путаница вызывает неправильное суждение, — это пропускная способность канала.
Эффект серийного расположения
Пользователи лучше всего запоминают первые и последний объекты в серии. Манипуляции с серийным размещением для создания лучшего пользовательского опыта используется во многих популярных дизайнах успешных компаний вроде Apple, Electronic Arts и Nike.
Эффект Фон Ресторфф
Эффект Фон Ресторфф, или эффект изоляции, предсказывает, что при наличии большого числа похожих объектов, вероятнее всего запомнится тот, что отличается от остальных. Этот эффект был открыт в 1933 году немецким психиатром и педиаторм Хедвиг фон Ресторфф, которая обнаружила, что когда участникам исследования показывали список похожих объектов, среди которых один отличался, этот объект запоминался лучше.
В среднем, человек может удержать в памяти 7 ± 2 элемента в своей рабочей памяти. В 1956 году Джордж Миллер утверждал, что диапазон непосредственной памяти и абсолютного суждения был ограничен примерно 7 частями информации. Основной единицей информации является бит, объем данных, необходимый для выбора между двумя одинаково вероятными альтернативами. То есть, 4 бита информации — это решение между 16 парными альтернативами (4 последовательных двоичных решения). Точка, в которой путаница вызывает неправильное суждение, — это пропускная способность канала.
Эффект серийного расположения
Пользователи лучше всего запоминают первые и последний объекты в серии. Манипуляции с серийным размещением для создания лучшего пользовательского опыта используется во многих популярных дизайнах успешных компаний вроде Apple, Electronic Arts и Nike.
Эффект Фон Ресторфф
Эффект Фон Ресторфф, или эффект изоляции, предсказывает, что при наличии большого числа похожих объектов, вероятнее всего запомнится тот, что отличается от остальных. Этот эффект был открыт в 1933 году немецким психиатром и педиаторм Хедвиг фон Ресторфф, которая обнаружила, что когда участникам исследования показывали список похожих объектов, среди которых один отличался, этот объект запоминался лучше.
Сколько должен стоить хороший обучающий курс по ui ux дизайну?
anonymous poll
до 50 000 руб. – 73
👍👍👍👍👍👍👍 31%
до 20 000 руб. – 64
👍👍👍👍👍👍 27%
Я всему научусь сам – 40
👍👍👍👍 17%
Бесплатно – 38
👍👍👍👍 16%
до 100 000 руб. – 19
👍👍 8%
👥 234 people voted so far.
anonymous poll
до 50 000 руб. – 73
👍👍👍👍👍👍👍 31%
до 20 000 руб. – 64
👍👍👍👍👍👍 27%
Я всему научусь сам – 40
👍👍👍👍 17%
Бесплатно – 38
👍👍👍👍 16%
до 100 000 руб. – 19
👍👍 8%
👥 234 people voted so far.
Просто улётная анимация https://instagram.com/p/BfprJlwjZjV/
Instagram
UI/ UX DESIGN INSPIRATION
House of Plants Interaction 🌿 by @rathniley -- . . #ui #dribbble #ux #design #webdesign #graphic #uidesign #userinterface #minimal #graphicdesignui #inspiration #interface #appdesign #digital #graphicdesignuiweb #app #graphicdesign #creative #webdesigner…
При создании нового дизайна важно отталкиваться от хорошего примера. Как правильно выбрать образец написано в статье 👉
http://telegra.ph/Vybor-stilya-dlya-sajta-12-04
http://telegra.ph/Vybor-stilya-dlya-sajta-12-04
Telegraph
Выбор стиля для сайта
Сейчас реально модная тема воровать дизайн! Если вы смотрите вебинары то уже не раз слышали о том, что можно брать пример и копировать его под свой контент. Я и сама говорила это не раз, чего уж тут. Если кто-то не слышал то повторю всем известную мысль о…
Вторая часть статьи о правильном выборе образца для дизайна👇🏿
http://telegra.ph/Vybor-stilya-dlya-sajta-09-28
http://telegra.ph/Vybor-stilya-dlya-sajta-09-28
Telegraph
Выбор стиля для сайта
В прошлой статье я писала о том, как правильно выбрать пример для создания нового дизайна. Повторю тезисы: Нужно определиться с основной целью сайта; Понять кто ваша аудитория; Проверить имеющийся контент; Распланировать работу до дедлайна (с запасом); Выявить…
Forwarded from disraptor
Вот так запросто 3Д сканирование лица на Айфоне Х позволяет создавать голограммы уже сейчас 🤷♂️
❤1
Отмена действий и объяснение причин.
Возможность отменить действие – это очень человеческое качество, и мы изменяем среду обитания так, чтобы она была похожа на человека, которого мы создаём по своему образу и подобию.
ВЫВОД: нам нужна возможность отменять действия, потому что мы хотим, чтобы среда была похожа на нас, похожа на ещё одного человека – и мы создаём этого человека по нашему образу и подобию. Поэтому возможность отмены – это поистине дар небес: ты жмёшь на волшебную кнопку и появляется deus ex machina, практически Дед Мороз.
Подробнее 👉 http://telegra.ph/Otmena-dejstvij-i-obyasnenie-prichin-03-06
Возможность отменить действие – это очень человеческое качество, и мы изменяем среду обитания так, чтобы она была похожа на человека, которого мы создаём по своему образу и подобию.
ВЫВОД: нам нужна возможность отменять действия, потому что мы хотим, чтобы среда была похожа на нас, похожа на ещё одного человека – и мы создаём этого человека по нашему образу и подобию. Поэтому возможность отмены – это поистине дар небес: ты жмёшь на волшебную кнопку и появляется deus ex machina, практически Дед Мороз.
Подробнее 👉 http://telegra.ph/Otmena-dejstvij-i-obyasnenie-prichin-03-06
Telegraph
Отмена действий и объяснение причин.
В декабре 17-го ВК разрешил изменять или удалять сообщения, и мнения людей по этому поводу разделились. Нашлись такие люди, которые говорили, что это фича для подлых людей – мол, если и будет кому-то нужно изменять написанное спустя сутки, то разве что с…
Плохой дизайн повсюду, и его стоимость намного выше, чем мы думаем. Побробнее о роли дизайнера, кодексе поведения и эмпатии написано в статье 👉 http://telegra.ph/Rol-i-otvetstvennost-dizajnerov-03-09
Telegraph
Роль и ответственность дизайнеров
«Будучи дизайнерами, наша роль - придавать форму будущему, создавая соединительную ткань между технологиями и людьми». - SPAN 2017 Reader
Друзья, приглашаем вас на онлайн-интенсиве Design Line с 26 по 31 марта! Будем общаться с топами всея дизайна и узнаем больше о работе ведущих дизайн-команд.
🔥🔥🔥 Всем подписчикам канала скидка 10% 🔥🔥🔥
▪️6 дней, 12 спикеров, 10 лекций от практиков
▪️ разбор работ участников от дизайнеров AIC и CreativePeople
▪️общий чат в Telegram со спикерами
▪️ опыт ведущих дизайнеров, арт-директоров
▪️ лайфхаки и внутренняя кухня студий
Каждый вечер с 26 по 30 марта в 19:00 (или 17:00) и 21:00 будут начинаться трансляции, а 31 марта работы участников интенсива разберут дизайнеры AIC и CreativePeople.
Узнать больше об интенсиве и купить билет: goo.gl/AVs7uo
💥💥💥 Промокод на скидку 10% - uxui
🔥🔥🔥 Всем подписчикам канала скидка 10% 🔥🔥🔥
▪️6 дней, 12 спикеров, 10 лекций от практиков
▪️ разбор работ участников от дизайнеров AIC и CreativePeople
▪️общий чат в Telegram со спикерами
▪️ опыт ведущих дизайнеров, арт-директоров
▪️ лайфхаки и внутренняя кухня студий
Каждый вечер с 26 по 30 марта в 19:00 (или 17:00) и 21:00 будут начинаться трансляции, а 31 марта работы участников интенсива разберут дизайнеры AIC и CreativePeople.
Узнать больше об интенсиве и купить билет: goo.gl/AVs7uo
💥💥💥 Промокод на скидку 10% - uxui
Сила дизайнеров заключается в возможности создавать и нарушать правила. Через год мы можем определить «красоту» как нечто совершенно отличное от настоящего представления. В нашей отрасли работают как высококвалифицированные, так и низкоквалифицированные дизайнеры, и будущее давно готовится к замене низкоквалифицированных дизайнеров алгоритмами.
Алгоритмические шаблоны пришли в нашу жизнь и заняли устойчивую позицию. Большенство из нас использует шаблоны UI китов или пробовали создать дизайн в WIX, хотя бы в ознакомительных целях.
Это история о прекрасном будущем, но мы должны помнить о границах алгоритмов - они построены на правилах, определенных людьми, даже если теперь правила перегружаются машинным обучением.
Тем не менее, те, кто может следовать и нарушать правила, когда это необходимо, найдут волшебные новые инструменты и возможности.
http://telegra.ph/Algoritmicheskij-dizajn-03-19
Алгоритмические шаблоны пришли в нашу жизнь и заняли устойчивую позицию. Большенство из нас использует шаблоны UI китов или пробовали создать дизайн в WIX, хотя бы в ознакомительных целях.
Это история о прекрасном будущем, но мы должны помнить о границах алгоритмов - они построены на правилах, определенных людьми, даже если теперь правила перегружаются машинным обучением.
Тем не менее, те, кто может следовать и нарушать правила, когда это необходимо, найдут волшебные новые инструменты и возможности.
http://telegra.ph/Algoritmicheskij-dizajn-03-19
Telegraph
Алгоритмический дизайн
Идея состоит в том, чтобы полностью заменить дизайнера алгоритмом. На практике сегодня это невозможно. Продуктовый дизайнер помогает команде превратить сырую идею в целостный интерфейс с хорошей логикой работы, информационной архитектурой и визуальным стилем…
Сегодня Google внедряет в Allo функцию, которая использует комбинацию нейронных сетей и работу художников, чтобы превратить ваше самоуправление в персонализированный наклейку. Просто закрепите selfie , и он вернет автоматически сгенерированную иллюстрированную версию вас, на лету, с настройками, которые помогут вам персонализировать стикеры еще дальше.
Поробнее по ссылке 👉 https://research.googleblog.com/2017/05/neural-network-generated-illustrations.html?m=1
Поробнее по ссылке 👉 https://research.googleblog.com/2017/05/neural-network-generated-illustrations.html?m=1
research.google
Neural Network-Generated Illustrations in Allo
Posted by Jennifer Daniel, Expressions Creative Director, Allo Taking, sharing, and viewing selfies has become a daily habit for many — the car sel...
Хочу поделиться с вами улетным сайтом https://www.magicleap.com/
Авторы рассказывают о VR разработках и предлагает пройти обучение! Ну и сам по себе сайт настолько крутой, что даже если вы не планируете заниматься VR разработками, он все равно производит отличное впечатление.
Авторы рассказывают о VR разработках и предлагает пройти обучение! Ну и сам по себе сайт настолько крутой, что даже если вы не планируете заниматься VR разработками, он все равно производит отличное впечатление.
Magicleap
Magic Leap | Groundbreaking augmented reality solutions
Magic Leap is pioneering see-through augmented reality through innovative waveguide development and manufacturing. Groundbreaking optics technologies.
В статье описаны 9 способов создания лого 🤝
http://telegra.ph/Kak-mne-narisovat-logotip-11-28
http://telegra.ph/Kak-mne-narisovat-logotip-11-28
Telegraph
Как мне нарисовать логотип?
По многочисленным просьбам открою тему создания логотипа. Сразу скажу, что в этом деле на первом месте красуется практика. Без практики нет осознания, что именно нужно клиенту и что подходящее вы можете предложить. Нужно понять "что в ваших силах" из подходящих…
Геометрическая память
У нашего мозга есть способность ориентироваться внутри пространства с помощью, условно говоря, масштабируемой сетки. Есть масштаб улицы, а есть масштаб планшета. Все равно пространство покрывается сеткой, и мы вспоминаем определенное место. Это наша геометрическая память.
Интересный факт: при взаимодействии с объектами и в реальном пространстве, и в виртуальном загораются одни и те же нейроны. То есть когда мы взаимодействуем с интерфейсами, у нас работает внутренняя геометрическая память точно так же, как в процессе взаимодействия с физическими объектами.
Когда мы выстраиваем объекты по какому-то геометрическому закону, мы упрощаем задачу пользователю.
Пример использования: Работа внутри приложения. Когда мы хотим открыть приложение, то сначала мы вспоминаем, где расположен необходимый нам функционал, например снизу экрана. Затем внимание фокусируется и начинается идентификация по цвету и символу.
Если человек вспомнил место, где находится объект, у него нет необходимости активировать другие зоны мозга для идентификации по цвету или форме.
У нашего мозга есть способность ориентироваться внутри пространства с помощью, условно говоря, масштабируемой сетки. Есть масштаб улицы, а есть масштаб планшета. Все равно пространство покрывается сеткой, и мы вспоминаем определенное место. Это наша геометрическая память.
Интересный факт: при взаимодействии с объектами и в реальном пространстве, и в виртуальном загораются одни и те же нейроны. То есть когда мы взаимодействуем с интерфейсами, у нас работает внутренняя геометрическая память точно так же, как в процессе взаимодействия с физическими объектами.
Когда мы выстраиваем объекты по какому-то геометрическому закону, мы упрощаем задачу пользователю.
Пример использования: Работа внутри приложения. Когда мы хотим открыть приложение, то сначала мы вспоминаем, где расположен необходимый нам функционал, например снизу экрана. Затем внимание фокусируется и начинается идентификация по цвету и символу.
Если человек вспомнил место, где находится объект, у него нет необходимости активировать другие зоны мозга для идентификации по цвету или форме.
Баннераная слепота
Это особенность восприятия веб-страниц, когда пользователь постепенно перестает замечать баннеры.
Существует множество сайтов на которых многообразие рекламных баннеров затмевает нужную информацию. Страницы кишат яркими баннерами, но в какой-то момент мы перестаем обращать на это внимание.
Люди пытаются не тратить время на решение задач, которые им не очень нужны и фильтруют визуальное пространство. Можно провести аналогию с Ниагарским водопадом: люди, которые приезжают на водопад не слышат друг друга, а люди, которые живут рядом, не слышат водопада. Это связано с тем, что сигнал определенной частоты постепенно вырезается из общей полосы частоты, информация от этих нейронов затухает, сигнал становится все слабее и слабее.
Тепловая карта показывает, что правая колонка с рекламой вообще игнорируется и ее можно назвать «кладбищем баннеров» — никто на нее не смотрит.
Как решить задачу? Требуется сократить количество рекламной информации, чтобы пользователь не воспринимал баннеры, как белый шум. Оставить один или два баннера.
Сценарий чтения похож на букву F: люди читают первый параграф, перепрыгивают второй и дальше идут в середину. Таким образом вы можете разместить необходимый баннер в начале страницы, чтобы на него обратили внимание, а после необходимый текст.
Это особенность восприятия веб-страниц, когда пользователь постепенно перестает замечать баннеры.
Существует множество сайтов на которых многообразие рекламных баннеров затмевает нужную информацию. Страницы кишат яркими баннерами, но в какой-то момент мы перестаем обращать на это внимание.
Люди пытаются не тратить время на решение задач, которые им не очень нужны и фильтруют визуальное пространство. Можно провести аналогию с Ниагарским водопадом: люди, которые приезжают на водопад не слышат друг друга, а люди, которые живут рядом, не слышат водопада. Это связано с тем, что сигнал определенной частоты постепенно вырезается из общей полосы частоты, информация от этих нейронов затухает, сигнал становится все слабее и слабее.
Тепловая карта показывает, что правая колонка с рекламой вообще игнорируется и ее можно назвать «кладбищем баннеров» — никто на нее не смотрит.
Как решить задачу? Требуется сократить количество рекламной информации, чтобы пользователь не воспринимал баннеры, как белый шум. Оставить один или два баннера.
Сценарий чтения похож на букву F: люди читают первый параграф, перепрыгивают второй и дальше идут в середину. Таким образом вы можете разместить необходимый баннер в начале страницы, чтобы на него обратили внимание, а после необходимый текст.
Хочу поделиться с вами необычными дизайнерскими решениями. В статье подборка интересных 404 страниц https://tproger.ru/digest/cool-404-pages/
Контраст
Контраст цвета вызывает раздражение сетчатки и хорошо привлекает внимание. Контрастный цвет используется для выделения основного действия, мы сразу понимаем, что в интерфейсе, в данном окне это действие является основным.
Интересный факт: красные кнопки, несмотря на яркость, дают меньшую конверсию, чем кнопки другого цвета. Возможно, это связано с тем, что в операционных системах красный означает невозвратное действие: надо подумать, прежде, чем нажать. Впрочем, если красный — фирменный цвет компании, то естественно, что кнопка тоже может быть красной, и она не будет ассоциироваться с опасностью.
Используя цвет как выделитель, нужно не забывать, что есть некоторые люди различают не все цвета. У нас есть три вида рецепторов: один тип чувствителен к красному цвету, второй к зеленому, третий к синему. Бывает, что один из них не работает и тогда человек не различает какой-то цвет.
Контраст цвета вызывает раздражение сетчатки и хорошо привлекает внимание. Контрастный цвет используется для выделения основного действия, мы сразу понимаем, что в интерфейсе, в данном окне это действие является основным.
Интересный факт: красные кнопки, несмотря на яркость, дают меньшую конверсию, чем кнопки другого цвета. Возможно, это связано с тем, что в операционных системах красный означает невозвратное действие: надо подумать, прежде, чем нажать. Впрочем, если красный — фирменный цвет компании, то естественно, что кнопка тоже может быть красной, и она не будет ассоциироваться с опасностью.
Используя цвет как выделитель, нужно не забывать, что есть некоторые люди различают не все цвета. У нас есть три вида рецепторов: один тип чувствителен к красному цвету, второй к зеленому, третий к синему. Бывает, что один из них не работает и тогда человек не различает какой-то цвет.
Хочу поделиться с вами нашим новым проектом "Недвижимость Онлайн"
Пока готов только дизайн, но скоро вы сможете воспользоваться сервисом и обнаружить на нем аналитику всех застройщиков Москвы! Кроме этого на портале присутствует аналитика регионов по экологии, безопасности и многим другим параметрам.
А еще если вдруг хозяин квартиры нарушил договор аренды, вы теперь можете пожаловаться на него и отзыв будет храниться в базе данных. Так вы сможете узнать заранее отзывы о квартире в которой хотите проживать или отзывы о будущих соседях!
https://www.behance.net/gallery/63258541/nedvizhimost-onlajn
Пока готов только дизайн, но скоро вы сможете воспользоваться сервисом и обнаружить на нем аналитику всех застройщиков Москвы! Кроме этого на портале присутствует аналитика регионов по экологии, безопасности и многим другим параметрам.
А еще если вдруг хозяин квартиры нарушил договор аренды, вы теперь можете пожаловаться на него и отзыв будет храниться в базе данных. Так вы сможете узнать заранее отзывы о квартире в которой хотите проживать или отзывы о будущих соседях!
https://www.behance.net/gallery/63258541/nedvizhimost-onlajn
Behance
Недвижимость Онлайн