Ксения Донская для Тильды составила подборку лекций TED для дизайнеров (почти у всех есть русские субтитры).
Первые 10 видео:
— Главный секрет хорошего дизайна – это внимание (Тони Фаделл, Apple);
— Как обрести уверенность в творчестве (Дэвид Келли, IDEO);
— Искусство первого впечатления — в дизайне и в жизни (Чип Кидд);
— Airbnb: как создать доверие в дизайне (Джо Геббиа, Airbnb и Y Combinator);
— Моя жизнь в шрифтах (Мэттью Картер);
— Простота продает (Дэвид Пог);
— Как хороший дизайн делает нас счастливее (Дон Норман, Nielsen Norman Group);
— Семь правил: как дизайнеру (и не только) стать счастливее (Стефан Загмайстер);
— Секрет счастливой работы (Шон Эйкор);
— О природе человеческого гения (Элизабет Гилберт).
Остальные собраны в альбоме: https://vk.com/videos-50773057?section=album_19
Первые 10 видео:
— Главный секрет хорошего дизайна – это внимание (Тони Фаделл, Apple);
— Как обрести уверенность в творчестве (Дэвид Келли, IDEO);
— Искусство первого впечатления — в дизайне и в жизни (Чип Кидд);
— Airbnb: как создать доверие в дизайне (Джо Геббиа, Airbnb и Y Combinator);
— Моя жизнь в шрифтах (Мэттью Картер);
— Простота продает (Дэвид Пог);
— Как хороший дизайн делает нас счастливее (Дон Норман, Nielsen Norman Group);
— Семь правил: как дизайнеру (и не только) стать счастливее (Стефан Загмайстер);
— Секрет счастливой работы (Шон Эйкор);
— О природе человеческого гения (Элизабет Гилберт).
Остальные собраны в альбоме: https://vk.com/videos-50773057?section=album_19
Ещё одна статья о том, как создавать формы. В ней Виталий Дуленко рассматривает именно формы регистрации, хотя состав советов не сильно отличается от общих рекомендаций по созданию форм.
http://sketchapp.me/registraciya-neizbezhnoe-zlo-kak-razrabotat-krutuyu-formu-registracii/
http://sketchapp.me/registraciya-neizbezhnoe-zlo-kak-razrabotat-krutuyu-formu-registracii/
UI / UX-дизайнер из Сан-Франциско Джесси Чен изучает, как дизайн помогает межкультурному бизнесу Airbnb. В своей статье она поделилась результатом пользовательского исследования Airbnb на китайском рынке.
Статья будет интересна тем, кто собирается вывести свой продукт на китайский рынок или искал пример пользовательского исследования — с персонами, инсайтами и выводами.
https://medium.com/rofldorf/a26fcd750a9a
Статья будет интересна тем, кто собирается вывести свой продукт на китайский рынок или искал пример пользовательского исследования — с персонами, инсайтами и выводами.
https://medium.com/rofldorf/a26fcd750a9a
Medium
Исследование Airbnb на рынке Китая
UI / UX-дизайнер из Сан-Франциско Джесси Чен изучает, как дизайн помогает межкультурному бизнесу Airbnb. В статье «Пользовательское исслед…
Павел Оларь написал о коридорном тестировании:
— в чём его смысл,
— какие вопросы стоит задавать респондентам,
— плюсы и минусы.
https://habrahabr.ru/post/219699/
— в чём его смысл,
— какие вопросы стоит задавать респондентам,
— плюсы и минусы.
https://habrahabr.ru/post/219699/
Хабр
Коридорное тестирование: получаем быстрый фидбек по макетам
Я как-то писал про частую ошибку проектировщиков, когда мы совсем забываем про пользователей, считая, что знаем как они думают и как им удобнее. Понятно, что пол...
Записал несколько интервью со знакомыми проектировщиками. Получилось довольно спонтанно, они не готовились к вопросам.
Сергей Павельчук:
— О работе в Return on Intelligence;
— Где лучше (в аутсорсере или стартапе), что нужно знать проектировщику;
— Уровень дохода стажёра и опытного специалиста.
Артём Комаров:
— Роль проектировщика и составляющие хорошего продукта;
— Нулевой интерфейс;
— Что отличает сеньора от джуниора;
— Что делать джуниору, UX-портфолио.
Александра Постовалова:
— Рынок кадров проектировщиков.
Все выпуски собраны в альбоме: https://vk.com/videos-50773057?section=album_18
Напишите мне, если хотите рассказать о чём-нибудь интересном в формате интервью (я в Санкт-Петербурге, но бываю и в Москве). А ещё ваша компания может стать спонсором передачи.
Сергей Павельчук:
— О работе в Return on Intelligence;
— Где лучше (в аутсорсере или стартапе), что нужно знать проектировщику;
— Уровень дохода стажёра и опытного специалиста.
Артём Комаров:
— Роль проектировщика и составляющие хорошего продукта;
— Нулевой интерфейс;
— Что отличает сеньора от джуниора;
— Что делать джуниору, UX-портфолио.
Александра Постовалова:
— Рынок кадров проектировщиков.
Все выпуски собраны в альбоме: https://vk.com/videos-50773057?section=album_18
Напишите мне, если хотите рассказать о чём-нибудь интересном в формате интервью (я в Санкт-Петербурге, но бываю и в Москве). А ещё ваша компания может стать спонсором передачи.
1 июля в России меняется законодательство о персональных данных — сильно вырастут штрафы. Это касается владельцев сайтов и агентств, которые сайты разрабатывают и обслуживают.
Проверьте, есть ли на сайте или в прототипе будущего сайта:
— Чекбокс согласия на обработку персональных данных в форме обратной связи;
— Ссылка на политику в отношении этих данных.
Это не всё, что должно быть сделано, но это непосредственно влияет на интерфейс.
http://www.cossa.ru/152/158773/
Проверьте, есть ли на сайте или в прототипе будущего сайта:
— Чекбокс согласия на обработку персональных данных в форме обратной связи;
— Ссылка на политику в отношении этих данных.
Это не всё, что должно быть сделано, но это непосредственно влияет на интерфейс.
http://www.cossa.ru/152/158773/
Cossa.ru - информационный портал о маркетинге и коммуникациях в цифровой среде.
Что нужно знать о персональных данных, чтобы не заплатить 300 000 рублей штрафа
Рассказываем в подробностях, почему закон о персональных данных касается всех сайтовладельцев и как привести сайт в соответствие с требованиями закона.
👍1
Пример того, как AR решает реальные задачи. С приложением Measure можно не только померить стену или шкаф, но и сделать это в одиночку — не нужен человек, который придержит второй конец рулетки.
Рынок линеек и строительных рулеток скоро сильно сократится.
https://www.youtube.com/watch?v=z7DYC_zbZCM
Рынок линеек и строительных рулеток скоро сильно сократится.
https://www.youtube.com/watch?v=z7DYC_zbZCM
YouTube
Air Measure App Demo - Augmented reality tape measure
Get it for iPhone here:
https://itunes.apple.com/us/app/airmeasure-ar/id1251282152?ls=1&mt=8
More info at: http://airmeasure.com
contact us at labs at laan d0t c0m
Follow us on https://twitter.com/laanlabs
https://itunes.apple.com/us/app/airmeasure-ar/id1251282152?ls=1&mt=8
More info at: http://airmeasure.com
contact us at labs at laan d0t c0m
Follow us on https://twitter.com/laanlabs
Антон Стасевич написал о создании документации для enterprise-систем: структура документа, в чём его вести (wiki), примеры определений терминов, описаний бизнес-ролей, общих сценариев и сценариев использования.
«Согласно Википедии, пользователь — лицо или организация, которое использует действующую систему для выполнения конкретной функции.
Нас это определение не устраивало. 1) В систему может зайти только человек, но не организация. 2) Некорректно настоящее время глагола «использует» — система хранит данные о неактивных или удаленных пользователях, т.е. о тех, которые использовали систему ранее, но не могут в настоящее время. И наконец, у нас есть данные о потенциальных пользователях. Например, мы регистрируем сотрудника компании-клиента, который в дальнейшем может получить (а может и не получить) доступ в систему.
Наше определение: пользователь — человек, который имеет, имел, или, возможно, будет иметь доступ в систему для совершения операций. Теперь программист, прочитав определение, сразу поймет, почему свойство Логин в объекте Пользователь не обязательное».
«Согласно Википедии, пользователь — лицо или организация, которое использует действующую систему для выполнения конкретной функции.
Нас это определение не устраивало. 1) В систему может зайти только человек, но не организация. 2) Некорректно настоящее время глагола «использует» — система хранит данные о неактивных или удаленных пользователях, т.е. о тех, которые использовали систему ранее, но не могут в настоящее время. И наконец, у нас есть данные о потенциальных пользователях. Например, мы регистрируем сотрудника компании-клиента, который в дальнейшем может получить (а может и не получить) доступ в систему.
Наше определение: пользователь — человек, который имеет, имел, или, возможно, будет иметь доступ в систему для совершения операций. Теперь программист, прочитав определение, сразу поймет, почему свойство Логин в объекте Пользователь не обязательное».
Habr
Пример написания функциональных требований к Enterprise-системе
Недавно мой друг, программист, рассказал, что он не читает требования, а вместо этого приглашает аналитика на чашку чая, они вместе садятся, и аналитик рассказывает, что должно быть реализовано. Мой...
Дмитрий Силаев и Лариса Сорокина из «Юзабилитилаб» рассказали, что такое first-click тестирование, какие есть инструменты для его проведения и какие данные можно получить для анализа.
Кстати, для теста банковских приложений они остановились на прототипе Axure со встроенными Google Analytics и Яндекс-метрикой (ради Вебвизора).
https://www.youtube.com/watch?v=CNf58A7Npo4
Кстати, для теста банковских приложений они остановились на прототипе Axure со встроенными Google Analytics и Яндекс-метрикой (ради Вебвизора).
https://www.youtube.com/watch?v=CNf58A7Npo4
YouTube
196. First click тестирование. История одного теста
Рассмотрим процесс организации и сравним несколько инструментов быстрой проверки гипотез методом First slick test.
Презентация https://www.dropbox.com/s/s7c53ghdbyhq6hl/FCT_040717.pdf?dl=0
Презентация https://www.dropbox.com/s/s7c53ghdbyhq6hl/FCT_040717.pdf?dl=0
Сергей Тихомиров написал об омниканальном пользовательском опыте.
«Интерфейс — это не только то, с чем пользователь работает на экране монитора, смартфона или планшета. Это любая среда коммуникации, в которой происходит обмен информацией между элементами этой среды. Интерфейс "человек-компьютер" — лишь часть общих коммуникаций.
Я часто читал, что внедрение UX-культуры в компанию связано с большим количеством вопросов "нахрена?" со стороны бизнеса. И это вполне понятно. Попробуйте сами взглянуть на ситуацию со стороны бизнеса. Ему предлагают улучшить опыт пользователей только в некоторых цифровых каналах, но что если это вообще ничего не изменит в общей картине, которая огромна?»
http://sergeytikhomirov.ru/ux-v-omnikanalnom-mire/
«Интерфейс — это не только то, с чем пользователь работает на экране монитора, смартфона или планшета. Это любая среда коммуникации, в которой происходит обмен информацией между элементами этой среды. Интерфейс "человек-компьютер" — лишь часть общих коммуникаций.
Я часто читал, что внедрение UX-культуры в компанию связано с большим количеством вопросов "нахрена?" со стороны бизнеса. И это вполне понятно. Попробуйте сами взглянуть на ситуацию со стороны бизнеса. Ему предлагают улучшить опыт пользователей только в некоторых цифровых каналах, но что если это вообще ничего не изменит в общей картине, которая огромна?»
http://sergeytikhomirov.ru/ux-v-omnikanalnom-mire/
Игорь Штанг на примере главной сайта «Буквы русского» рассказал, как сделать компоновку страницы выразительнее:
— Избавьтесь от засилия прямоугольников;
— Уделите внимание иллюстрациям;
— Подумайте о фирменных элементах;
— Придумайте Большую Идею;
— Оставьте в покое PT Serif и PT Sans.
http://nobelfaik.livejournal.com/141519.html
— Избавьтесь от засилия прямоугольников;
— Уделите внимание иллюстрациям;
— Подумайте о фирменных элементах;
— Придумайте Большую Идею;
— Оставьте в покое PT Serif и PT Sans.
http://nobelfaik.livejournal.com/141519.html
Livejournal
Переверстка №19. Главная страница сайта «Буквы русского»
Мария пишет: Это главная страница сайта Буквы русского с анонсами последних материалов: колонки Андрея Кудрявцева и интервью со шрифтовиками. Проблемы: у сайта нет своего лица, он выглядит сделанным на коленке, не соответствует теме. Переверстывать в этот…
Екатерина Сучкова сделала конспект книги Стива Круга «Не заставляйте меня думать». Хороший вариант для тех, кто не может заставить себя читать.
https://readymag.com/u99763174/519479/
https://readymag.com/u99763174/519479/
Джейк Цакудакис написал, как правильно делать всплывающие подсказки:
— Показывать только одну подсказку одновременно;
— Добавить в неё индикатор прогресса;
— В одной подсказке говорить только об одном действии, писать лаконичный и конкретный текст;
— Дать возможность пропустить обучение и начать его сначала;
— Понятно называть кнопку перехода к следующей подсказке;
— Привлекать внимание к подсказкам с помощью горячих точек;
— Не писать подсказки для очевидных объектов.
http://sketchapp.me/proektiruya-luchshie-obuchayushhie-vsplyvayushhie-podskazki/
— Показывать только одну подсказку одновременно;
— Добавить в неё индикатор прогресса;
— В одной подсказке говорить только об одном действии, писать лаконичный и конкретный текст;
— Дать возможность пропустить обучение и начать его сначала;
— Понятно называть кнопку перехода к следующей подсказке;
— Привлекать внимание к подсказкам с помощью горячих точек;
— Не писать подсказки для очевидных объектов.
http://sketchapp.me/proektiruya-luchshie-obuchayushhie-vsplyvayushhie-podskazki/
Михаил Капанага пересказал историю о том, как запутанный дизайн бюллетеня повлиял на выборы 2000 года в США.
«По сравнению с архитектурным и промышленным дизайном, графический дизайн выглядит безобидным. От плохой типографики, говорят, ещё никто не умирал. Но при этом работа, проделанная с обычной формой для заполнения, повлияла на судьбу миллионов людей по всему миру».
https://medium.com/kapanaga/8c65f2953312
«По сравнению с архитектурным и промышленным дизайном, графический дизайн выглядит безобидным. От плохой типографики, говорят, ещё никто не умирал. Но при этом работа, проделанная с обычной формой для заполнения, повлияла на судьбу миллионов людей по всему миру».
https://medium.com/kapanaga/8c65f2953312
Medium
Как разрушить мир с помощью дизайна
☝Это такое название главы в книге Майкла Бейрута «How to Use Graphic Design to Sell Things, Explain Things, Make Things Look Better, Make…
Игнат Смирнов по мотивам книги Стивена Сеова «Проектируем время» написал, как улучшить взаимодействие с неторопливыми продуктами.
Время можно объективно измерить, но в жизни оно воспринимается субъективно. В человеко-машинном взаимодействии пользователь чувствует прирост, если скорость изменилась минимум на 20%. Важно выбрать правильный индикатор.
Среди приёмов управления восприятием: установка верхних и нижних границ, упреждающий запуск и раннее завершение, нелинейная индикация выполнения, постоянное информирование, целенаправленное отвлечение (демонстрация интересной и важной информации).
Если восприятием управлять не получается: обещать меньше фактического, рассказать о пользе выполняемого процесса, дать пользователю возможность чем-нибудь заняться во время длительного процесса (например, буферизация и просмотр потокового видео).
https://designpub.ru/47c75807498d
Время можно объективно измерить, но в жизни оно воспринимается субъективно. В человеко-машинном взаимодействии пользователь чувствует прирост, если скорость изменилась минимум на 20%. Важно выбрать правильный индикатор.
Среди приёмов управления восприятием: установка верхних и нижних границ, упреждающий запуск и раннее завершение, нелинейная индикация выполнения, постоянное информирование, целенаправленное отвлечение (демонстрация интересной и важной информации).
Если восприятием управлять не получается: обещать меньше фактического, рассказать о пользе выполняемого процесса, дать пользователю возможность чем-нибудь заняться во время длительного процесса (например, буферизация и просмотр потокового видео).
https://designpub.ru/47c75807498d
Дизайн-кабак (RU)
Как объяснить пользователю, что надо будет подождать?
На выходных закончил чтение книги Стивена Сеова «Проектируем время». Если в нескольких словах, это книга о том, как с помощью UX приёмов улучшить взаимодействие с небыстрыми сервисами.
Джон Яблонски написал, каким должен быть интерфейс, чтобы работа с ним требовала меньше ментальных усилий.
— Отсутствие элементов, которые не помогают пользователю достичь цели;
— Использование шаблонов взаимодействия;
— Избавление пользователя от микрозадач (запомнить информацию, принять решение);
— Ограничение количества вариантов для выбора и их группировка;
— Повышение простоты восприятия текста;
— Аккуратное использование иконок (только распространённые метафоры, текстовые подписи).
#cognitive_load
— Отсутствие элементов, которые не помогают пользователю достичь цели;
— Использование шаблонов взаимодействия;
— Избавление пользователя от микрозадач (запомнить информацию, принять решение);
— Ограничение количества вариантов для выбора и их группировка;
— Повышение простоты восприятия текста;
— Аккуратное использование иконок (только распространённые метафоры, текстовые подписи).
#cognitive_load
Антон Николов написал об использовании в дизайне когнитивного диссонанса.
Это психический дискомфорт, который появляется у человека, когда в его сознании устоявшееся представление сталкивается с противоречащими ему фактами. Человек считает себя вегетарианцем, но собирается заказать мясо. Чтобы уменьшить когнитивный диссонанс, он может:
— Изменить поведение или восприятие: не заказывать мясо или перестать считать себя вегетарианцем;
— Найти оправдание, которое скорректирует восприятие: я же не веган, могу раз в неделю есть мясо;
— Найти оправдание, добавив новое условие: сейчас съем мясо, но потом неделю буду на веганской диете;
— Игнорировать информацию, которая может вызвать конфликт: я думал, эта котлета сделана из сои.
Один из способов это использовать — убедить человека сделать маленький шаг в нужном нам направлении. Человек, который согласился поставить подпись в помощь африканским детям, в следующий раз с большей вероятностью пожертвует им доллар.
In English.
Это психический дискомфорт, который появляется у человека, когда в его сознании устоявшееся представление сталкивается с противоречащими ему фактами. Человек считает себя вегетарианцем, но собирается заказать мясо. Чтобы уменьшить когнитивный диссонанс, он может:
— Изменить поведение или восприятие: не заказывать мясо или перестать считать себя вегетарианцем;
— Найти оправдание, которое скорректирует восприятие: я же не веган, могу раз в неделю есть мясо;
— Найти оправдание, добавив новое условие: сейчас съем мясо, но потом неделю буду на веганской диете;
— Игнорировать информацию, которая может вызвать конфликт: я думал, эта котлета сделана из сои.
Один из способов это использовать — убедить человека сделать маленький шаг в нужном нам направлении. Человек, который согласился поставить подпись в помощь африканским детям, в следующий раз с большей вероятностью пожертвует им доллар.
In English.
UXPUB 🇺🇦 Дизайн-спільнота
Принципы дизайна: Когнитивный диссонанс
Статья о психологическом дискомфорте, который испытывают люди и лисы, которые одновременно придерживаются двух или более противоречащих друг другу мыслей.
Влад Головач написал, почему некоторые дизайнеры терпеть не могут дизайн-мышление и для кого на самом деле придумана эта активность.
«ДМ продаётся не дизайнерам, а офисным работникам, причём почти исключительно из крупных организаций.
В организации все не могут быть офицерами, нужны солдаты. Солдаты же должны выполнять приказы, а не думать и командовать сами. Они отключают самостоятельность, критическое мышление, привычку искать новое, любопытство и многие другие способности и черты характера, отвечающие за творчество.
Рано или поздно эти отупленные люди становятся начальниками. Некоторым из них приходится если не делать дизайн, но ставить на него задачу и принимать работу. Как по закону Питера, так и по причине отсутствия опыта и склонностей, к этому моменту они вызывающе некомпетентны в этой деятельности.
Будучи умными людьми, они хорошо понимают ограничения своего волюнтаризма и поэтому часто впадают в неуверенность. Это блестяще проявляется в знаменитой формулировке "меня немного смущает…".
Этот вариант даже хуже волюнтаризма: если дизайн вида "сделайте так, чтобы лично мне нравилось" будет приятен хотя бы одному человеку, то дизайн, основанный на немногом смущении, не вызывает тёплых чувств ни у кого».
«ДМ продаётся не дизайнерам, а офисным работникам, причём почти исключительно из крупных организаций.
В организации все не могут быть офицерами, нужны солдаты. Солдаты же должны выполнять приказы, а не думать и командовать сами. Они отключают самостоятельность, критическое мышление, привычку искать новое, любопытство и многие другие способности и черты характера, отвечающие за творчество.
Рано или поздно эти отупленные люди становятся начальниками. Некоторым из них приходится если не делать дизайн, но ставить на него задачу и принимать работу. Как по закону Питера, так и по причине отсутствия опыта и склонностей, к этому моменту они вызывающе некомпетентны в этой деятельности.
Будучи умными людьми, они хорошо понимают ограничения своего волюнтаризма и поэтому часто впадают в неуверенность. Это блестяще проявляется в знаменитой формулировке "меня немного смущает…".
Этот вариант даже хуже волюнтаризма: если дизайн вида "сделайте так, чтобы лично мне нравилось" будет приятен хотя бы одному человеку, то дизайн, основанный на немногом смущении, не вызывает тёплых чувств ни у кого».
Medium
Апология дизайн мышления
Большинство известных мне практикующих дизайнеров дизайн-мышление (далее — ДМ) терпеть не могут. Их можно понять.
Кашмир Хилл написал, как социальная сеть для соседей Nextdoor боролась с расистским профайлингом — сообщениями вроде «видел в переулке подозрительного негра».
Эта проблема для России не особо актуальна, но полезные выводы из кейса сделать можно.
Чтобы пользователи поступали так, как вы хотите:
— Определите, когда они решают, как им поступить.
— Подскажите им, как поступить следует (с вашей точки зрения).
— Помогите поступить правильно.
https://medium.com/rofldorf/6d3d9b81dca9
Эта проблема для России не особо актуальна, но полезные выводы из кейса сделать можно.
Чтобы пользователи поступали так, как вы хотите:
— Определите, когда они решают, как им поступить.
— Подскажите им, как поступить следует (с вашей точки зрения).
— Помогите поступить правильно.
https://medium.com/rofldorf/6d3d9b81dca9
Medium
Интерфейсная борьба с расизмом
Нашёл интересный пример влияния на пользовательское поведение через небольшие изменения интерфейса.
Покрас Лампас рассказал, почему нельзя оставаться ремесленником и как это сделать.
Хороших исполнителей много, конкуренция станет ещё сильнее. Чтобы через 5 лет не потеряться в текучке типовых клиентских проектов:
— Не уходите в ремесло;
— Никого не спрашивайте, а пробуйте;
— Делайте свои проекты.
Хороших исполнителей много, конкуренция станет ещё сильнее. Чтобы через 5 лет не потеряться в текучке типовых клиентских проектов:
— Не уходите в ремесло;
— Никого не спрашивайте, а пробуйте;
— Делайте свои проекты.
YouTube
Как не стать миллионером | Покрас Лампас | Prosmotr
Лекция «Как не стать миллионером» Покраса Лампаса, художника и каллиграфа.
Большинство вещей, которые так актуальны и ценны сейчас в творческой среде, былы сказаны и сформированы 100 лет назад. Если бы многие действительно талантливые люди не находились в…
Большинство вещей, которые так актуальны и ценны сейчас в творческой среде, былы сказаны и сформированы 100 лет назад. Если бы многие действительно талантливые люди не находились в…