Проекты «UsabilityLab»

1.  Ток-шоу «Фактор человека»

Совместный проект SeoPult.TV  и Д. Сатина. Фактор человека — того, от кого зависят продажи, конверсия, KPI. Дмитрий в интерактивном режиме ускорит эволюцию четырех коммерческих интернет-проектов: их владельцы сидят напротив него, и он поможет им «очеловечить» эти сайты.

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

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

Часть I
01. Фактор Человека: Подарочные корзины
02. Фактор Человека: Помогаем RGB-Tour.ru
03. Фактор Человека: Помогаем Mk-termo.ru
04. Фактор Человека: Помогаем Mallstreet.ru
Часть II
05. Фактор человека: Помогаем Obradoval.ru
06. Фактор человека: Помогаем SimGlobalSim.ru
07. Фактор человека: Помогаем Centr-trans.ru 
Часть III
08. Фактор человека: Помогаем Uptrend-mebel.ru
09. Фактор человека: Помогаем Bicotender.ru
10. Фактор Человека: Помогаем shop.philips.ru
Часть IV
11. Фактор человека: Помогаем Myimac.ru
12. Фактор человека: Помогаем KupiTarelku.ru
13. Фактор человека: Помогаем TravelTipz.ru
Хорошее решение с комментариями, где можно увидеть знакомых зарегистрированных через соцсети и спросить их мнение по отелям и д.р.

Часть V
14. Фактор человека: Помогаем Rosdveri.ru
15. Фактор человека: помогаем Ronikon.ru
Удачное представление воронки продаж сотрудником UsabilityLab, важные замечания по карточке товара и каталогу дверей.

31 мая 2012 года сотрудники питерского офиса UsabilityLab провели первый Фактор Человека в Санкт-Петербурге в лаборатории ИТМО.

2. «SpinPlaces»  — проектирование плеера для 3D-панорам

Проект в котором молодой стартап «SpinPlaces», совместно с лабораторией «UsabilityLab» онлайн проведут полный цикл проектирования, разработки и внедрения плеера с учетом всех особенностей аудитории и отвечающий требованиям юзабилити.  

Следите за проектом на потоке Livestream.

Интервью Д.Сатина

После конференции OWOX:

— тенденции развития e-commerce в Украине

— услугах юзабилити компаний и их гарантии 

— самомотивация и жизненная позиция. 

«Дмитрий Сатин для LifeTV»

«Дежурный по Рунету»

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

15 требований к оформлению прототипа

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

Новых возможности Axure RP 6.5 и форум Axure.

Наука и искусство условного макетирования

Этапы и процесс макетирования. «На самом деле» самое главное в вайрфреймах — инвентаризация объектов; поэтому гораздо более продуктивно ставить перед собой следующие цели макетирования:

1. Определить, что нужно, что не нужно, что хотелось бы, чего не хотелось бы.
2. Удлинить процесс решения/вдохновения.
3. Обеспечить ТЗ на контент.
4. Уточнить объем работы по проекту.

Eye-tracking и emotion-tracking

О новейших технологиях в области чтения человеческих эмоций, которые разрабатываются в мире и в Беларуси, рассказал технический директор компании “Realeyes"—Эльнар Гаджиев.

UX-Среда, Наталья Спрогис — О конференции EyeTrack UX 2012

#162 вебинар User Experience on Russian «Загляни в глаза пользователю»

Web-дизайн

1. Текстуры для web-дизайна.

2. Уроки flash.

3. Методы веб-дизайна и юзабилити.

4. Образец рисования дизайна шаблона в стиле Web 2.0 на photoshop-master.ru.

5. Конкурсные сайты и каталог шаблонов:

www.awwwards.com

www.thefwa.com

www.templatemonster.com

6. Использование когнитивного диссонанса в дизайне и при написании статей.

Главные гипотезы теории

Леон Фестингер формулирует две основные гипотезы своей теории:
1. В случае возникновения диссонанса индивид будет всеми силами стремиться снизить степень несоответствия между двумя своими установками, пытаясь достичь консонанса (соответствия). Это происходит вследствие того, что диссонанс рождает «психологический дискомфорт».
2. Вторая гипотеза, подчеркивая первую, говорит о том, что, стремясь снизить возникший дискомфорт, индивид будет стараться обходить стороной такие ситуации, в которых дискомфорт может усилиться.

Пример статьи

«Нет, ты не дизайнер. Ты просто человек, который может сложить в Photoshop отдельные фрагменты или скомпоновать куски кода в XHTML/CSS. Ты не человек, который создает впечатление. Ты не тот, кто воплощает идеи, которые ни один живой человек не смог до этого визуально представить. И ты не тот, кто может применить свой собственный стиль к пустой идее и получить нечто гениальное…
Мы живем в мире аматоров, и большинство наших сотрудников – такие же аматоры, которые строят из себя профессионалов. Они не дизайнеры.
Но ты можешь им стать. Возможно. Достаточно просто потратить время на изучение, как это делали все великие люди до тебя. Раздвинь свои границы. Проверь все ограничения. Дизайнеры любят работать в пределах своей зоны комфорта, потому что они знают, что может понравиться публике. Создай что-либо уродливое и оно поможет тебе придумать, как создать нечто прекрасное. Если тебе не хватает вдохновения – придумай свое.»

Проект построенный на диссонансе

На диссонансе можно построить целый проект. МакКинни разработал удивительную онлайн игру, в которой надо выжить в условиях нищеты и бездомности, под названием Spent. Игрокам нужно попытаться выжить на $1000 в месяц. Большинству людей кажется, что это довольно и принимают вызов. В результате они оказываются ни с чем и начинают более ясно осознавать проблемы людей, оказавшихся в таких условиях.

Использованные материалы и список литературы:
1. Статья "UXfox" — «Диссонанс в дизайне интерфейсов».
2. Андреева Г. М. Психология социального познания: Учеб. пособие для студентов вузов. / Под. ред. Э. М. Харланова. — 3-е изд., перераб. и доп. — М.: Аспект Пресс, 2005. — 303 с.
3. Фестингер Л. Теория когнитивного диссонанса. / Пер. с англ. А. Анистратенко, И. Знаешева. — СПб.: Ювента, 1999. — 318 с.
4. Майерс Д. Социальная психология. / Пер. с англ. З. Замчук; Зав. ред. кол. Л. Винокуров. — 7-е изд. — СПб.: Питер, 2006. — 794 с.: ил. (Серия «Мастера психологии»).
5. Статья «Я-концепция и теория когнитивного диссонанса: обзор зарубежной литературы».

7. Социальное доказательство, гало-эффект и фундаментальная ошибка атрибуции

Социальное доказательство (от англ. Social proof), или информационное социальное влияние — психологическое явление, происходящее когда люди не могут определить предпочтительный способ поведения в сложных ситуациях. Предполагая, что окружающие лучше знакомы с ситуацией, такие люди считают их поведение предпочтительным или более информированным. Это явление часто используется для сознательной манипуляции поведением других. Дополнительно...

Гало-эффект (эффект ореола; halo effect, от англ. halo — ореол, сияние и лат. effectus — действие, результат) — результат воздействия общего впечатления о чем-либо (явлении, человеке, вещи) на восприятие его частных особенностей. Примером может служить впечатление, что у людей с привлекательной внешностью большие умственные способности.

Фундаментальная ошибка атрибуции (атрибуций) — понятие в психологии, обозначающее характерную ошибку атрибуции — склонность человека объяснять поступки и поведение других людей их личностными особенностями (так называемой «внутренней диспозицией»), а собственное поведение — внешними обстоятельствами (так называемой «внешней диспозицией»).

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

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

Полезные инструменты

1. Типографская раскладка Ильи Бирмана 2.0
Вводите с клавиатуры те символы, которых обычно на ней нет:

Символы вводятся с нажатым правым Альтом, например Альт + < и Альт + > дадут «кавычки». Если символ нарисован в верхней части кнопки, значит нужно нажать ещё и Шифт, например Альт + Шифт + C даст ¢.

2. Axure — Инструмент для прототипирования интерактивных приложений. ­

• Русскоязычное сообщество в ЖЖ
• Перевод материалов на UX FOX

3. Подборка из 46 инструментов для юзабилити-тестирования и прототипирования.
4. Обзор 10 российских систем мониторинга соцсетей.

5. Инструмент для тестирования сайтов под разные устройства.
6. Оценка времени загрузки страниц.
7. Чтобы оценить контраст сайта в градациях серого - graybit.com.
8. Онлайн-инструмент для подбора контрастной цветовой гаммы для сайтов. Имеет отличную функциональность, позволяет просматривать макеты при разных расстройствах зрения и сохранять ряд форматов — colorschemedesigner.com

Интересный, информационный сайт о типах дальтонизма с тестами и инструментами для проверки — www.colblindor.com.
Еще одно приложение для проверки контраста в виде теста — checkmycolours.com.
Подборка основана на статье UX Fox.
9. Ресурс для поиска похожих по содержанию сайтов — www.similarsites.com.
10. Случайный генератор отображения сайта (структура, фон) — www.animuchan.net
11. Инструмент для создания и сохранения модульной сетки —  http://960.gs.
12. Сервис для поиска иконок — www.iconfinder.com

13. Часто возникает необходимость генерации произвольных текстов и изображений для веб-проектов, когда контент еще отсутствует. Для этих целей рассмотрим ряд наиболее интересных онлайн сервисов:

• lipsum.com — инструмент поддерживает большинство языков (исключение — азиатские), в том числе русский и украинский, есть возможность настроить кол-во абзацей, слов, байт и списков.

• blindtextgenerator.com — удачное решение с множеством возможностей, кот. позволяет настраивать шрифты, генерировать html-код и имеет удобную пиксельную линейку для просмотра различного расположения текста. 

• generator.lorem-ipsum.info  — хорошей особенностью, является поддержка таких языков, как  хинди, японский, китайский, арабский.

   

• lorempixel.com — удобный инструмент для генерации изображений, с возможностью задать размер в px, выбрать тему и цветное или ч/б отображение.

Полный список инструментов можно найти на сайте www.dejurka.ru

Анализ статистики - SPSS.