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

Инструментарий

Ник Майерс (Nick Myers), работающий в компании Алана Купера, написал подробную статью о динамическом прототипировании в Adobe Fireworks.

I’m often asked the question, «What tools do you use to design your products?» My response, «Fireworks,» is frequently greeted with puzzled looks from around the room. I spend a great deal of time explaining our reasoning and can’t help but feel a little defensive, as Adobe Fireworks tool is not the industry standard.

Меня часто спрашивают: «Какие инструменты ты используешь для прототипирования?» Когда я отвечаю, что использую Fireworks, то обычно сталкиваюсь с непониманием. Мне приходится тратить много времени на объяснения и аргументацию, и я не могу не чувствовать себя несколько неловко, ведь Adobe Fireworks — инструмент явно нестандартный.

Designing interactive products with Fireworks

Поделиться:

25 июля: день системного администратора

События, Юмор

Поздравляем коллег по IT-цеху с профессиональным праздником.
А сами с нетерпением ждем Дня юзабилити .

О дне сисадмина
Оригинал комикса

Поделиться:

Нашествие Touch-технологий

Общедоступность

Так называемые touch-технологии широко внедряются в нашу жизнь. Так ли они хороши? Ведь многие люди просто не могут ими воспользоваться в силу физических ограничений!

Блог Lifekludger посвящен тому как люди с ограниченными физическими способностями могут успешно справляться с жизненными трудностями, в том числе, связанными с компьютерными технологиями. Автор блога опубликовал статью, в которой рассуждает об общедоступности различных гаджетов и проблеме барьера перед touch-технологиями, которую испытывают инвалиды.

The Touch Barrier – Accessibility and usability issues around touch technologies

Любопытно, что по американской статистике, люди с физическими ограничениями составляют 20% от аудитории компьютерных игр офисного типа (casual games). Так что в отдельных предметных областях становится невозможным не учитывать вопросы общедоступности.

‘Disabled Gamers’ Comprise 20% of Casual-Videogame Audience

Поделиться:

Понятные счета

Остальное

Сколько счетов вы оплачиваете в месяц? Думаю, вам не раз приходилось задаваться такими вопросами: «А что это за квитанция вообще?» и «Где тут указаны сумма, дата, и номер платежа?». Естественно, в условиях ограниченного времени становится важным получить ответы на них очень быстро.

Colleen Jones в своей статье описывает девять способов улучшения внешнего вида платежных квитанций.

Better Bills

Поделиться:

Модератор – ученый, комментатор и стюардесса. Часть 1.

Подкасты, Процессы и методики

Jared M. Spool и Brian Christiansen в подкасте «Usability Tools» обсуждают роль модератора в юзабилити-тестировании.

The usability test moderator has a lot of influence on the success of the test. Moderating isn’t rocket science, but you’ll need to understand the basics before you sit down with your users.
In this week’s show, I talk about the three roles a moderator needs to play during the test.
First is the scientist. The scientist makes sure your tasks get done, notes get taken, and keeps the show on track.
Then we have the sportscaster. The sportscaster gives play-by-play so the design team members don’t miss anything the user does.
Lastly, there’s the role of the flight attendant. This is the most important role. Keeping your test participant happy and comfortable is your number one job.

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

1. «Исследователь» — следит за тем, чтобы задания были выполнены, комментарии были записаны, и чтобы не было неожиданностей.
2. «Спортивный комментатор» — помогает наблюдателям тестирования ничего не упустить.
3. И наконец, модератор — это «стюардесса» или «бортпроводник». И это самая главная его роль. В первую очередь он должен провести тест так, чтобы пользователь остался доволен и чувствовал себя комфортно во время тестирования.

Usability Tools Podcast: Moderating Usability Tests, Part 1

Поделиться:

Первым делом, первым делом интересы, ну а демография потом

Процессы и методики

Одним из определяющих факторов при отборе участников для юзабилити-тестирования является вовлеченность респондента в предметную область. Демографические же характеристики, такие как возраст, пол и род занятий часто являются второстепенными и порой значительно сужают область потенциальных участников тестирования. Насколько эти параметры значимы и как соотносить их с заинтересованностью тестируемых, обсуждают Jared Spool и Dana Chisnell (авторы «Handbook of Usability Testing»).

Recently, a client came to us (my recruiting consultant, Sandy Olson, and me) wanting to bring people into the lab to compare PC security software. They gave us a screener with percentages. How do you get percentages of individuals?

They wanted 25% of their 24 participants to be between the ages of 30 and 39. They wanted 50% of their participants to be female, 50% to be male. They wanted participants who were professionals, broken down into nine categories. One category was «Banking, investments, and real estate.» Another was «Engineering, other.» There was also «Education, training, students.»

Недавно к нам пришел клиент, который хотел протестировать разное защитное ПО. Они предоставили для тестирования скринер с процентами. Как нам набрать людей в процентах? Получатся полторы калеки.

Они хотели, чтобы 25% из 24 человек были в возрасте от 30 до 39 лет; чтобы они делились по полу ровно пополам. Они хотели подобрать участников, разбив их на девять профессиональных групп. Среди них были такие: «Банковское дело, инвестиции и недвижимость», «Инженерия, прочие», «Образование, тренинги, студенты».

Avoiding Demographics When Recruiting Participants: An Interview with Dana Chisnell

Поделиться:

Верстка текста: одна или две колонки?

Процессы и методики, Экранные интерфейсы

На сайте компании SURL опубликованы сравнительные данные по движениям глаз пользователей, просматривающих web-страницы, где текст сверстан в одну и в две колонки. Результаты показали, что большее количество фиксаций происходит при просмотре текста с двумя колонками.

Также, в случае, если текст представлен в виде двух колонок, пользователи чаще фиксируют свой взгляд и на других (побочных) элементах страницы, таких как реклама, блоги и т.д.

Eye Movement Patterns on Single and Dual-Column Web Pages

Поделиться:

TaskArchitect – Version 2

Инструментарий

Вышла вторая версия программы для визуального анализа задач. Этот, один из немногих инструментов, созданных специально для проектировщиков, позволяет формализовать процесс описания задач, решаемых пользователями информационной системы. Среди преимуществ программы: несложное манипулирование задачами, автоматическая генерация наглядных диаграмм, поддержка совместной работы аналитиков.

Система поставляется в трех вариантах: версия Pro позволяет анализировать до 4000 задач и стоит $1250, версия Standard за $400 обладает меньшими возможностями по поддержке совместной работы и позволяет анализировать 200 задач, имеется также бесплатная версия с ограничением в 50 задач.

Сайт TaskArchitect

Поделиться:

Стол для переговоров

Инновации и идеи

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

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

А уж насколько это полезно – судить Вам!

First generation Reflect tables

Поделиться:

Коллекция прототипов от Билла Бакстона

Видео, Инновации и идеи, Экранные интерфейсы, Юмор

Посмотреть как работает интерфейс, построенный на метафоре кружки; воочию убедиться в преимуществах двухфокусного дисплея; оценить удобство дубликатора материи, а также посмотреть другие видео-прототипы, упоминаемые в книге Билла Бакстона (Bill Buxton) можно на страничке Sketching User Experience Videos.

Sketching User Experience Videos

Поделиться:

GKUI: Графико-клавиатурный пользовательский интерфейс

Инновации и идеи, Экранные интерфейсы

Mozilla Labs предложили новый термин — визуально-клавиатурный пользовательский интерфейс. Идея состоит в добавлении к интерфейсам нестандартных модальных блоков, которые вызываются горячими клавишами и позволяют быстро выполнять множество действий в консольном стиле. Элементы таких интерфейсов присутствуют в современном ПО и веб-сайтах, но Алекс Фааборг старается возвести эту идею в ранг методологического приема проектирования.

Специалисты Mozilla Labs предлагают несколько концептуальных вариантов использования таких элементов.

Instead of trying to conclude which is superior, a GUI or a keyboard-based interface, it is important to note the specific tradeoffs each interface currently makes in terms of the bandwidth of output, and bandwidth of input.
<...> Over the last six months, I’ve been thinking a lot about the work of two designers: Nicholas Jitkoff (Blacktree, creators of Quicksilver) and Aza Raskin (Humanized, creators of Enso). Both have designed user interfaces that exist in the riven between command line interfaces and graphical user interfaces. And both of these applications are a joy to use.

Вместо того, чтобы пытаться понять какой их них лучше, следует обратить внимание на специфические преимущества и недостатки графического и коммандного интерфейсов в терминах возможностей вывода и ввода информации.
<...> За последние полгода я много думал о работах двух дизайнеров: Николаса Житкова (Blacktree, создателя Quicksilver) и Азы Раскина (Humanized, создателя Enso). Их системы существуют посередине между мирами графических и командных интерфейсов. И обеими системами так клево пользоваться!

The Graphical Keyboard User Interface
Ubiquitous Interfaces, Ubiquitous Functionality

Поделиться:

Как написать «Help» для опытных пользователей

Процессы и методики, Инновации и идеи

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

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

Helping the Experts

Поделиться:

Проводите интервью? Семь правил для вас!

Процессы и методики

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

Michael Hawley, руководитель юзабилити-департамента компании «Mad*Pow’s», вывел на практике 7 ключевых моментов, о которых нужно напомнить самому себе непосредственно перед проведением интервью. С ними он знакомит читателей в своей статье «Preparing for User Research Interviews: Seven Things to Remember.

Preparing for User Research Interviews: Seven Things to Remember

Поделиться:

Блог-интерфейс 2.0

Социальные сети, Инновации и идеи, Экранные интерфейсы

Люк Вроблевски (Luke Wroblewski) и Джед Вуд (Jed Wood) в своей статье рассказывают как вытащить на поверхность блога информацию, запрятанную в архивах и комментариях.

Blog Interface Design 2.0

Поделиться:

Самостоятельная единица web-пространства

Процессы и методики, Экранные интерфейсы

Luke Wroblewski, в своей статье «Web-Conscious Content Experiences» («Interactions magazine», июль-август) предлагает изменить подход к разработке интерфейсов отдельных страниц сайта.

…the vast majority of content pages online remain more concerned about their place within a website rather than their place on the Web. These pages are designed as if they were primarily accessed from a website’s home page or a carefully thought-out selection from the site’s information architecture.

…большинство web-страниц ориентированы скорее на свое расположение в иерархии сайта, нежели на самих себя, как единицу web-пространства. Они разработаны таким образом, словно попасть на них можно только с главной страницы или при последовательном проходе по сайту.

О том, почему такой подход к разработке on-line ресурсов не актуален сегодня, и как оптимизировать каждую страницу сайта в отдельности, читайте в статье.

Web-Conscious Content Experiences

Поделиться:

Карты ума для юзабилистов

Книги, Процессы и методики

Austin Kleon публикует на Фликре свои карты ума (mind maps). Среди прочих в его галерее можно ознакомиться с картами ума по мотивам таких классических книг как: Edward Tufte’s ENVISIONING INFORMATION, Edward Tufte’s BEAUTIFUL EVIDENCE, UNDERSTANDING COMICS by Scott McCloud, «Не заставляйте меня думать» Стива Круга, «Сила мифа» Джозефа Кемпбелла.

Austin Kleon’s Mind Maps

Поделиться:

Картина изменения файлов

Инновации и идеи, Экранные интерфейсы

Интересная идея. Специальное программное обеспечение показывает историю редактирования файлов. Считается, что они были изменены, если разработчик внес какие-то правки в код.

И разработчики, и файлы представлены как движущиеся объекты. Когда пользователь исправляет документ, то файл подсвечивается, и его значок перемещается ближе к имени пользователя. Файлы раскрашены в соответствии с их назначением. Если документы или разработчики не были задействованы в течение некоторого времени, то значки с их именами просто исчезают с экрана. Также с помощью программы можно построить гистограмму истории изменения документов.

Code swarm organic software visualization

Поделиться:

Минуточку внимания, пожалуйста!

События, Инновации и идеи

Gloria Mark, a professor of informatics at the University of California at Irvine, monitored thousands of hours of workplace behavior. Her studies documented that most workers switch gears every few minutes, and once they’re distracted, it can take nearly half an hour to get back on track. «When you see the hard numbers, it kind of hits home how bad it really is,» says Mark.

Профессор информатики из Калифорнийского университета, Глория Мэрк, провела тысячи часов, наблюдая за поведением офисных работников. Её исследования зафиксировали, что большинство служащих отвлекаются каждые несколько минут, после чего, им требуется до получаса, чтобы снова вернуться в рабочее русло. «Волосы вместе с мозгами встают дыбом, когда видишь эти цифры», – говорит Мэрк.

IBM и Microsoft работают над решением проблемы и пока не понятно, чей вариант понравится пользователям больше. Сортировка по важности или автоответчик? Вот вы как думаете?

May We Have Your Attention, Please?
Уровень доверия без права переписки

Поделиться:

Особенности подбора респондентов

Процессы и методики

User research works best when you match your participants to the people who will use your designs. It makes sense that teams would try to use the demographics, often compiled by the organization’s market research team, as the basis of their recruiting efforts. However, this can be problematic.

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

Jared Spool в своем интервью с Dana Chisnell, соавтором второго издания «Handbook of Usability Testing», обсуждают вопросы подбора респондентов. Dana рассказывает о последствиях, возникающих при концентрации на демографических характеристиках пользователей. Ключ к успеху, по ее словам, — в выборе участников на основании мотивации и опыта использования продукта.

Avoiding Demographics When Recruiting Participants: An Interview with Dana Chisnell

Поделиться:

Уменьшение количества отказов: битва за второй клик

Процессы и методики, Исследования, Экранные интерфейсы

Different traffic sources imply different reasons for why visitors might immediately leave your site. Design to keep deep-link followers engaged through additional pageviews.

A huge increase in «deep dips» was one of the big findings in our new user research for this year’s Fundamental Guidelines for Web Usability seminar. That is, ever-more users are arriving deep within websites rather than entering them through the homepage.

The homepage is still important, and you should continue to ensure homepage usability for two main reasons:

• The homepage is typically the single most-visited page, because the deep entry points are scattered across a vast number of interior pages.
• The homepage is the orienteering point for visitors who arrive through deep links and then decide to explore the site further.

For many sites, the deep-dip increase has an unfortunate consequence: much bigger bounce rates.

The bounce rate is defined as the percentage of visitors who turn around at the entry page and immediately leave the site. Such visitors «bounce» out and never see additional pages.

Пользователи приходят на сайт совершенно из разных мест, у них есть масса причин покинуть ваш сайт сразу же после попадания на него. Сделайте так, чтобы пользователи были заинтересованы в просмотре дополнительных страниц вашего сайта.

Значительное увеличение числа внутренних страниц [сайтов] – один из самых важных результатов исследования проведенного при подготовке к нашему ежегодному семинару «Фундаментальные принципы Веб юзабилити». Поэтому больше пользователей сразу оказываются на внутренних страницах сайта, а не на главной.

Главная страница все еще очень важна. Имеется две причины, по которым следует делать ее максимально удобной для использования:

• Главная страница — обычно самая посещаемая, так как на нее ведут ссылки с большого числа внутренних страниц.
• Главная страница является ориентиром для пользователей, пришедших с внешней ссылки и затем решивших продолжать использовать ресурс.

Для многих ресурсов, увеличение числа страниц имеет негативные последствия в виде значительного увеличения количества уходов.

Число отказов определяется процентом пользователей, которые пришли на страницу сайта и сразу его покинули. Такие пользователи «отказники» никогда не заходят на другие страницы сайта.

Далее «старина» Нильсен предлагает свой рецепт того, как можно сократить процент отказников.

Reduce Bounce Rates: Fight for the Second Click

Поделиться: