Опубликованы доклады с Dribbble Meetup 2016 в Москве.
Юрий Ветров собрал все видео, краткие описания и файлы презентаций: http://www.jvetrau.com/dribbbleru-2016/
Юрий Ветров собрал все видео, краткие описания и файлы презентаций: http://www.jvetrau.com/dribbbleru-2016/
Николай Бабич написал об улучшении UX электронных писем.
UX honeycomb Питера Морвиля: проанализируйте, насколько они удобны для просмотра, понятны и полезны получателям, не попадают ли в спам. Готовы ли люди их получать, доверяют ли полученному и насколько его ценят:
https://primeliber.com/nick-babich/ux-dizajn-elektronnyh-pisem
UX honeycomb Питера Морвиля: проанализируйте, насколько они удобны для просмотра, понятны и полезны получателям, не попадают ли в спам. Готовы ли люди их получать, доверяют ли полученному и насколько его ценят:
https://primeliber.com/nick-babich/ux-dizajn-elektronnyh-pisem
Тони Гинес поделился мыслями о том, что учесть при создании продукта, удобного пожилым пользователям (кроме очевидных вопросов доступности):
Они выходят в интернет через другой браузер, не понимают возможностей большинства сайтов, не понимают иконок, жестов и сочетаний клавиш, не имеют ничего против кликов, хотят нормально работать и не теряться.
Копия перевода в Вебархиве. #old
Они выходят в интернет через другой браузер, не понимают возможностей большинства сайтов, не понимают иконок, жестов и сочетаний клавиш, не имеют ничего против кликов, хотят нормально работать и не теряться.
Копия перевода в Вебархиве. #old
Сейчас стало модно добавлять на сайт скрипт, который модифицирует поведение вертикальной прокрутки. Например, делает его более плавным или меняет внешний вид полосы прокрутки. Это ужасно и так делать нельзя.
Во-первых, такой скрипт дополнительно нагружает клиентское устройство, рендеринг сайта замедляется и он притормаживает даже на не очень старых устройствах.
Во-вторых, и это главное, кастомный скролл меняет поведение браузера неожиданно для пользователя. Сайты в соседних вкладках крутятся нормально и привычно, а этот — выпендривается, скроллится медленее и по-другому. Управление становится менее предсказуемым. «Похоже, с сайтом что-то не так. Вирус, что ли?».
Не надо менять поведение системных контролов без особой на то нужды.
http://kirillgreen.ru/2015/06/
Во-первых, такой скрипт дополнительно нагружает клиентское устройство, рендеринг сайта замедляется и он притормаживает даже на не очень старых устройствах.
Во-вторых, и это главное, кастомный скролл меняет поведение браузера неожиданно для пользователя. Сайты в соседних вкладках крутятся нормально и привычно, а этот — выпендривается, скроллится медленее и по-другому. Управление становится менее предсказуемым. «Похоже, с сайтом что-то не так. Вирус, что ли?».
Не надо менять поведение системных контролов без особой на то нужды.
http://kirillgreen.ru/2015/06/
👍4
Стефани Ингл рассказала, что помогло ей пройти путь от неопытного новичка до дизайнера в Фейсбуке.
Учитесь (и не только дизайну); сделайте дизайн-мышление своей привычкой; обучайте других; окружите себя дизайном и обсуждайте его с близкими.
https://medium.com/russian/e9ba33de927d
Учитесь (и не только дизайну); сделайте дизайн-мышление своей привычкой; обучайте других; окружите себя дизайном и обсуждайте его с близкими.
https://medium.com/russian/e9ba33de927d
Medium
Как стать дизайнером, не имея опыта в этой области
О поиске дизайна и превращении его в реальность
Алипта Баллав написал хорошую вводную статью о ментальных моделях: что это, как формируются, как их использовать для создания хорошего UX. А также, чем ментальная модель отличается от концептуальной.
Дон Норман: «Ментальные модели — это то, что сидит у людей в головах, тот процесс, который направляет их при использовании объектов. Концептуальные же модели были придуманы как инструмент для понимания и изучения физических объектов». Дизайнер держит в голове логически продуманную концептуальную модель во время проектирования, чтобы сделать интерфейс понятным пользователю.
http://www.cossa.ru/trends/142341/
Дон Норман: «Ментальные модели — это то, что сидит у людей в головах, тот процесс, который направляет их при использовании объектов. Концептуальные же модели были придуманы как инструмент для понимания и изучения физических объектов». Дизайнер держит в голове логически продуманную концептуальную модель во время проектирования, чтобы сделать интерфейс понятным пользователю.
http://www.cossa.ru/trends/142341/
Cossa.ru - информационный портал о маркетинге и коммуникациях в цифровой среде.
Ментальные модели в проектировании продукта
Чтобы сделать хороший интерфейс, нужно понимать, на что опирается восприятие человека.
Илья Бирман написал об обратной связи в интерфейсе — адекватной и заметной реакции на действия пользователя.
Она показывает, что программа не зависла. Не должна быть слишком грубой. Может быть положительной или отрицательной (иногда вместо явной отрицательной достаточно отсутствия положительной): http://artgorbunov.ru/bb/soviet/20160823/
Иногда обратная связь сводится к сообщению: что-то не сработало. Чтобы этого не было: отключают кнопки, которые сейчас не работают; показывают маски ввода; отображают сообщение о выполнении задачи только после её реального выполнения (а не после нажатия на кнопку): http://artgorbunov.ru/bb/soviet/20160906/
О мгновенности и непрерывности, восприятии скорости и непосредственном взаимодействии: http://artgorbunov.ru/bb/soviet/20160920/
Она показывает, что программа не зависла. Не должна быть слишком грубой. Может быть положительной или отрицательной (иногда вместо явной отрицательной достаточно отсутствия положительной): http://artgorbunov.ru/bb/soviet/20160823/
Иногда обратная связь сводится к сообщению: что-то не сработало. Чтобы этого не было: отключают кнопки, которые сейчас не работают; показывают маски ввода; отображают сообщение о выполнении задачи только после её реального выполнения (а не после нажатия на кнопку): http://artgorbunov.ru/bb/soviet/20160906/
О мгновенности и непрерывности, восприятии скорости и непосредственном взаимодействии: http://artgorbunov.ru/bb/soviet/20160920/
Бюро Горбунова
Расскажите об обратной связи в интерфейсе. Часть первая
Компьютер заменяет символы пароля точками: Ещё лучше, если индикатор показывает степень завершённости и оставшееся время:
Иногда при регистрации на сайте или отправке какой-то формы вам могут задать вопрос с такими вариантами ответа:
Не возражаете, если мы будем собирать анонимную статистику?
( ) Да
( ) Нет
Это пример тёмного шаблона (dark pattern). При ответе на такой вопрос сложнее выбрать правильный вариант, если вы, например, не хотите предоставлять свои данные для статистики.
Не возражаете, если мы будем собирать анонимную статистику?
( ) Да
( ) Нет
Это пример тёмного шаблона (dark pattern). При ответе на такой вопрос сложнее выбрать правильный вариант, если вы, например, не хотите предоставлять свои данные для статистики.
Надежда Кантур съездила в Берлин на UXcamp Europe 2016 и рассказала об увиденном.
День 1-й: medium.com/CaVa_Kantur/8b9b2feed416
— Как перейти работать в сферу UX;
— О совместном использовании персон и блок-схем;
— Как наблюдать за пользователями;
— О будущем дизайна.
День 2-й: medium.com/CaVa_Kantur/c3eb439a005a
— О цифровых сервисах британского правительства.
День 1-й: medium.com/CaVa_Kantur/8b9b2feed416
— Как перейти работать в сферу UX;
— О совместном использовании персон и блок-схем;
— Как наблюдать за пользователями;
— О будущем дизайна.
День 2-й: medium.com/CaVa_Kantur/c3eb439a005a
— О цифровых сервисах британского правительства.
Medium
UXcamp Europe 2016 в Берлине. День 1
Публикую краткие конспекты выступлений на UXcamp Europe 2016, прошедшей в Берлине 25 и 26 июня.
Максим Шайхалов побывал в Оксфорде на SmashingConf 2016 и собрал тезисы, презентации и видеозаписи докладов:
— Живые дизайн-системы;
— Атомы, модули и другие веселые частицы (тоже о дизайн-системах);
— Душа и машины (о контентных и сервисных компаниях);
— Понимая людей;
— Избыток рассуждений о дизайне.
И ещё 3 доклада для разработчиков.
http://blog.shaihalov.ru/2016/10/03/smasingconf-oxford-part-2/
— Живые дизайн-системы;
— Атомы, модули и другие веселые частицы (тоже о дизайн-системах);
— Душа и машины (о контентных и сервисных компаниях);
— Понимая людей;
— Избыток рассуждений о дизайне.
И ещё 3 доклада для разработчиков.
http://blog.shaihalov.ru/2016/10/03/smasingconf-oxford-part-2/
blog.shaihalov.ru
Доклады с конференеции SmasingConf в Оксфорде
Наконец-то добрался до обзора по самым интересным докладам конференции. Доклады по дизайну и фронтэнду.
Ещё одна подборка удачных (и не очень) физических интерфейсов. На этот раз посвящена предотвращению пользовательских ошибок:
https://habrahabr.ru/company/mosigra/blog/308656/
https://habrahabr.ru/company/mosigra/blog/308656/
Хабр
Интерфейсы в реальном мире: страховка от ошибок пользователя
В Екатеринбурге в одном из зданий для международных конференций есть проблема с «немного глупыми» иностранцами. Говорят, такие же автоматы начали ставить в Моск...
❤1
Артур Валиуллин написал об избыточности в интерфейсе.
«В вагонах метро есть ручка для отпирания дверей в случае аварии. В раннем варианте на ручке сделана надпись «Выключение дверей», поэтому она выглядит целостной.
Когда форма ручки изменилась, рядом пришлось вешать табличку, которая состоит из 4 деталей: бумаги, пластиковой таблички, двух шурупов.
У неё появилось множество необязательных деталей, без которых можно было обойтись. Отделив текст от ручки, авторы более эргономичной формы создали среду, в которой любой техник мог сделать табличку на свой вкус. Именно в этот момент продукт теряет целостность, а авторы контроль».
http://artwalek.ru/article/2016-10-11/
«В вагонах метро есть ручка для отпирания дверей в случае аварии. В раннем варианте на ручке сделана надпись «Выключение дверей», поэтому она выглядит целостной.
Когда форма ручки изменилась, рядом пришлось вешать табличку, которая состоит из 4 деталей: бумаги, пластиковой таблички, двух шурупов.
У неё появилось множество необязательных деталей, без которых можно было обойтись. Отделив текст от ручки, авторы более эргономичной формы создали среду, в которой любой техник мог сделать табличку на свой вкус. Именно в этот момент продукт теряет целостность, а авторы контроль».
http://artwalek.ru/article/2016-10-11/
Марина Сафонова прослушала лекции Стэнфордского университета о психологии поведения людей и животных, и написала подробный конспект.
http://rumspringa.ru/all/pro-zhivotnyh-i-ludey/
http://rumspringa.ru/all/pro-zhivotnyh-i-ludey/
Антон Гук прочитал «Искусство цвета» Иоханнеса Иттена, кучу статей о теории цвета и подготовил обезжиренную версию полученных знаний:
— Физические свойства цвета (дополнительные и вычитаемые цвета);
— Восприятие его человеком;
— Значения разных цветов;
— Как составлять гармоничные схемы.
https://designpub.ru/3bea0eb5bacb
— Физические свойства цвета (дополнительные и вычитаемые цвета);
— Восприятие его человеком;
— Значения разных цветов;
— Как составлять гармоничные схемы.
https://designpub.ru/3bea0eb5bacb
Дизайн-кабак (RU)
Цвет для чайников. Обширное руководство для начинающих.
Эта статья основана на книге “Искусство цвета” Иоханнеса Иттена и еще бесчисленном количестве различных статей о теории цвета. Тут я попыт…
Мозг людей и работает, и ошибается примерно одинаково. Сергей Хабаров написал об эффекте Даннинга—Крюгера и синдроме самозванца, эффекте Зейгарник, ложного консенсуса, подтверждения, группомыслия, влиянии эмоций на восприятие сообщения и ментальных ловушках.
И как это использовать на практике.
Например, полезно знать проектировщикам: эффект ложного консенсуса — склонность проецировать свой способ мышления на других людей. Люди склонны полагать, что все остальные думают точно так же, как они сами, что их собственные мнения, верования и пристрастия значительно более распространены в обществе, чем это есть на самом деле.
https://medium.com/khabaroff/45bafb59efd2
И как это использовать на практике.
Например, полезно знать проектировщикам: эффект ложного консенсуса — склонность проецировать свой способ мышления на других людей. Люди склонны полагать, что все остальные думают точно так же, как они сами, что их собственные мнения, верования и пристрастия значительно более распространены в обществе, чем это есть на самом деле.
https://medium.com/khabaroff/45bafb59efd2
Medium
Мозгоэффекты
Аспекты передачи и генерирования сообщений
Иван Грибов пересказал заметку Нассима Талеба «Побеждает наименее толерантный. Диктатура меньшинства»:
Общество — сложная система. В сложных системах целое отличается от суммы его частей. Потому что главное в нем — взаимодействие между частями. Оно может подчиняться очень простым правилам. Одно из них — правило меньшинства.
Правило меньшинства: чтобы сообщество функционировало должным образом, нужно небольшое количество нетолерантных людей, которые лично заинтересованы в исходе игры. Когда их доля в обществе достигает 3-4%, остальным приходится подчиниться их предпочтениям.
Вот несколько примеров. Мусульман среди британцев — 3%. Но 70% баранины, импортируемой из Новой Зеландии, — халяль. Кашрут соблюдают 0,3% американцев. Но почти все напитки в США кошерны. Почему? Ответ: это удобнее для меньшинства и нейтрально для большинства. Ориентируясь на меньшинство, производители покрывают большую аудиторию.
Большинство подчиняется правилам меньшинств, когда соблюдены 2 условия:
— География. Если «бескомпромиссная» группа распределена среди населения — у нее гораздо больше шансов на успех. Если она изолирована в собственном районе — шансов меньше.
— Структура затрат. Если, к примеру, производство кошерной газировки обходится в 10 раз дороже, правило меньшинства неприменимо.
Когда «бескомпромиссное меньшинство» продавливает свою идею или позицию, она становится новой нормой. Талеб называет это физическим термином «ренормализация». Рядовому наблюдателю при этом кажется, что в обществе господствует выбор и предпочтения большинства.
Правило меньшинства асимметрично:
— Те, кто умеют управлять авто с ручной коробкой передач, спокойно могут пересесть и на «автомат». Но не наоборот.
— Все, кто едят ГМО, будут есть и не-ГМО, но ни в коем случае не наоборот.
— Инвалид не может пользоваться обычным туалетом. Об этом мало кто знает, но здоровый человек может воспользоваться уборной для инвалидов.
— Честный человек никогда не станет совершать преступления, но преступник запросто может заниматься законными делами.
Асимметричность помогает правилу меньшинства стать диктатурой.
Правило меньшинства работает и в сторону запретов: вето, наложенное одним из участников группы, может повлиять на решения всей группы. Цитата: «Как только число присутствующих женщин становится равным 10% или больше, нельзя подавать только пиво. Но большинство мужчин согласны пить вино. Поэтому, подавая только вино, можно обойтись одним комплектом стаканов».
Диктатура меньшинства проникает повсюду. Она работает на рынке, где изменение цены — это отражение действий самых мотивированных покупателей и продавцов. Она работает на войне: как якобы говорил Александр Македонский, «лучше иметь армию овец во главе со львом, чем армию львов, возглавляемую овцой».
Мораль тоже навязывается большинству меньшинством. Когда нравственное правило сформировалось, достаточно небольшого числа его непримиримых сторонников, чтобы диктовать обществу новую норму.
Например, как запрещают книги? Дело не в том, что они оскорбляют «среднего человека» — большинству до них нет никакого дела. Поэтому для запрета достаточно нескольких мотивированных активистов.
Вывод: для развития общества нужны не консенсус, большинство, комитеты, научные конференции и голосования. Достаточно нескольких упорных людей и асимметрии. А она всегда найдется.
Из канала «Пересказал»: telegram.me/pereskazal
Общество — сложная система. В сложных системах целое отличается от суммы его частей. Потому что главное в нем — взаимодействие между частями. Оно может подчиняться очень простым правилам. Одно из них — правило меньшинства.
Правило меньшинства: чтобы сообщество функционировало должным образом, нужно небольшое количество нетолерантных людей, которые лично заинтересованы в исходе игры. Когда их доля в обществе достигает 3-4%, остальным приходится подчиниться их предпочтениям.
Вот несколько примеров. Мусульман среди британцев — 3%. Но 70% баранины, импортируемой из Новой Зеландии, — халяль. Кашрут соблюдают 0,3% американцев. Но почти все напитки в США кошерны. Почему? Ответ: это удобнее для меньшинства и нейтрально для большинства. Ориентируясь на меньшинство, производители покрывают большую аудиторию.
Большинство подчиняется правилам меньшинств, когда соблюдены 2 условия:
— География. Если «бескомпромиссная» группа распределена среди населения — у нее гораздо больше шансов на успех. Если она изолирована в собственном районе — шансов меньше.
— Структура затрат. Если, к примеру, производство кошерной газировки обходится в 10 раз дороже, правило меньшинства неприменимо.
Когда «бескомпромиссное меньшинство» продавливает свою идею или позицию, она становится новой нормой. Талеб называет это физическим термином «ренормализация». Рядовому наблюдателю при этом кажется, что в обществе господствует выбор и предпочтения большинства.
Правило меньшинства асимметрично:
— Те, кто умеют управлять авто с ручной коробкой передач, спокойно могут пересесть и на «автомат». Но не наоборот.
— Все, кто едят ГМО, будут есть и не-ГМО, но ни в коем случае не наоборот.
— Инвалид не может пользоваться обычным туалетом. Об этом мало кто знает, но здоровый человек может воспользоваться уборной для инвалидов.
— Честный человек никогда не станет совершать преступления, но преступник запросто может заниматься законными делами.
Асимметричность помогает правилу меньшинства стать диктатурой.
Правило меньшинства работает и в сторону запретов: вето, наложенное одним из участников группы, может повлиять на решения всей группы. Цитата: «Как только число присутствующих женщин становится равным 10% или больше, нельзя подавать только пиво. Но большинство мужчин согласны пить вино. Поэтому, подавая только вино, можно обойтись одним комплектом стаканов».
Диктатура меньшинства проникает повсюду. Она работает на рынке, где изменение цены — это отражение действий самых мотивированных покупателей и продавцов. Она работает на войне: как якобы говорил Александр Македонский, «лучше иметь армию овец во главе со львом, чем армию львов, возглавляемую овцой».
Мораль тоже навязывается большинству меньшинством. Когда нравственное правило сформировалось, достаточно небольшого числа его непримиримых сторонников, чтобы диктовать обществу новую норму.
Например, как запрещают книги? Дело не в том, что они оскорбляют «среднего человека» — большинству до них нет никакого дела. Поэтому для запрета достаточно нескольких мотивированных активистов.
Вывод: для развития общества нужны не консенсус, большинство, комитеты, научные конференции и голосования. Достаточно нескольких упорных людей и асимметрии. А она всегда найдется.
Из канала «Пересказал»: telegram.me/pereskazal
Женя Арутюнов рассказал о дизайне информационных систем.
Прикол в том, что некоторые вещи вроде как изначально соответствуют образу информационной системы, а некоторые — нет. Каждый согласится, что библиотечная картотека, всероссийский реестр юридических лиц и эпловские гайдлайны о человеческих интерфейсах — это информационные системы. И не каждый вспомнит об информационной системности, рисуя корпоративный сайт, верстая журнал об искусстве или оформляя витрину магазина. А я говорю: друзья, для нас любой дизайнерский продукт — всегда информационная система.
http://bvz.name/blog/all/informacionnaya-sistema/
Прикол в том, что некоторые вещи вроде как изначально соответствуют образу информационной системы, а некоторые — нет. Каждый согласится, что библиотечная картотека, всероссийский реестр юридических лиц и эпловские гайдлайны о человеческих интерфейсах — это информационные системы. И не каждый вспомнит об информационной системности, рисуя корпоративный сайт, верстая журнал об искусстве или оформляя витрину магазина. А я говорю: друзья, для нас любой дизайнерский продукт — всегда информационная система.
http://bvz.name/blog/all/informacionnaya-sistema/
