Archive | Дизайн RSS feed for this section

Веб-дизайн тренды 2011

15 Янв

Между дизайном и разработкой существует тонкая грань, которая, с переходом в новое десятилетие, становится всё более размытой. Достаточно ли просто нарисовать красивый макет в Фотошопе? Может быть пять лет назад этого и было достаточно. В наши дни среднестатистический пользователь интернета требует большего. Весь лоск сайта со временем надоедает, если в нем нет никакой сути. Если ваша единственная цель поразить дизайнерское сообщество вашими яркими работами долго на плаву вы не продержитесь. 2011 год характеризуется не красотой, а функциональностью. А теперь собственно тренды нового года и ближайшей декады: виртуальная реальность, постоянная связь и интерактивный дизайн.

Как остаться релевантным дизайнером в 2011? Главная цель дизайнера не ослепить, а завлечь. Любой дизайнер может получить «охи» и «ахи», которые легко забываются. Величайший дизайнер способен создать среду, которая чарует и пленяет пользователя так, что он даже и не думает о том, чтобы искать кнопку «назад». Несколько элементов собраны воедино, чтобы создать прекрасный мир в котором есть все: гармония цвета, интуитивный дизайн, легко доступная информация и быстрый отклик. Кроме того, никогда нельзя недооценивать силу простоты. Конечно это всегда было так, но в 2011 вы не только под всепрощающей эгидой десктопов и лэптов. Сейчас ваш дизайн должен справлятся с нетбуками, смартфонами и таблетками. Вы готовы?

Взглянем на ТОП 11 трендов в 2011 году.

1. Больше CSS3 и HTML5

Наконец-то можно вздохнуть с облегчением! CSS3 и HTML5 были на горизонте веб-дизайна последние пару лет, но сейчас, в 2011, мы видим взрыв этих технологий. Дизайнеры начинают уходить от технологии Flash. Вы и так знаете что она не всегда работает хорошо, новые технологии теперь доступны вашим постоянным и потенциальным посетителям. В 2011 вы отойдете от Flash и познаете всю магию HTML5. Просто взгляните на примеры:

imageimage

Теперь когда вы взглянули на примеры, поймите, что Flash и HTML не равные соперники. Есть достаточно места для обоих в 2011 году. Проблема в том что дизайнеры в 2010 (и ранее) не правильно использовали Flash. HTML5 снимает часть той ответственности, которую мы положили на плечи Flash, однако, HTML5 еще не может заменить отдельные элементы дизайна которые мы можем получить только с помощью Flash.

Возможно, еще более захватывающим является тот факт, что CSS3 в полной мере доступна нам в этом году. Заменеят Photoshop (не-не-не, Adobe еще не ушел на покой), ведь с помощью CSS3 можно легко создать тень для текста или прозрачности картинки. Если вы еще не начали, то самое время погрузиться в изучение CSS3 и HTML5.

2. Простые цветовые гаммы

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

image
С помощью оттенков зеленого была создана эта примочка для твиттера. Примечание: Этот сайт был создан с помощью XHTML/CSS и Javascript.

image
Красный может быть довольно раздражающим, если использован неправильно.

3. Mobile Ready

Смартфоны, планшеты, нетбуки, о Боже! Головокружительное количество мобильных гаджетов доступны покупателю в 2011 году. Это значит что веб-дизайн должен быть кроссплатформенным.

Чтобы создать сайт, подготовленный для мобильных платформ не достаточно убрать «свистелки» из дизайна. Из-за этого дизайн может получиться пустым и безликим. Хотя не исключено то, что если вы уберете часть фишек из дизайна ваш бренд не подвергнется видимым изменениям. К счастью технологии всё больше помогают нам, избавляя от этого бремени.

Веб-дизайн для мобильных устройств шагнул далеко вперед с помощью CSS3. Одним из наиболее важных достижений является то, что вы можете спроектировать дизайн всего сайта и с помощью средств разработки подогнать его под устройство пользователя.

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

4. Параллакс скроллинг

Параллакс скроллинг предназначен не только для олдсульных видеоигр. Как отмечалось ранее, один из трендов на 2011 год — создание ощущения глубины. Что может быть удобней для создания этого ощущения чем параллакс скроллинг? Он использует слои для создания иллюзии трехмерного пространства. Эффекта можно добиться с помощью простых CSS трюков или jQuery плагина Spritely. Самый эффективный вариант использования многоуровневого скроллинга в качестве вторичного элемента дизайна. Например, шапка, футер или фон. Сделав его неотъемлемой частью навигации вы крайне разочаруете пользователя.

image

5. Проектируйте для тач скрина, не для мыши

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

Сколько из ваших работ ориентированы на мышь? Как дизайнеры, мы используем непосредственно мышь. Когда мы наводим на ссылки они подсвечиваются (Примечание переводчика: «Если дизайнер не полный «чудак», то подсвечиваются»). Как ни странно у тачскрина нет наведения как такового. Как ваш дизайн покажет пользователю что это ссылка? Что на счет выпадающих меню? Это так же не взлетит при пользовании тачскрином.

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

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

image
Ребенок смотрит на iPad. Фотография Стива Пейна, Flickr

6. Восприятие глубины

Нет, я не говорю сейчас о эфемерном «Я вижу твою чашку кофе и клавиатуру». Суть глубины восприятия — объем, да такой, что некоторые элементы вашего сайта кажутся ближе, чем другие. Это создает отличный 3D-эффект, когда сделано умело. Вспомните каково это смотреть 3D блокбастер «Аватар»? Предметы буквально выпрыгивают из экрана.

Хотя 3D технологии еще толком и не добрались до веб-дизайна, вы можете воссоздать этот объем.

image

image

7. Большие фотобэкграунды

Количество больших фонов-тянучек возрастет в 2011. Эти изображения будут выского разрешения и будут покрывать сайт целиком. Большие фото — легкий способ захватить аудиторию. Естественно фоновое фото должно быть связано с контентом. Разместив милую картинку, которая будет выпадать из контекста, вы навредите юзабилити. Тренды говорят нам о том, что лучшим выходом будут слегка прозрачные образы, не бросающие тени на контент, гармонично вписываясь в него.

image
image

8. Интересные доменные имена и их использование

Это конечно не самый острый вопрос в веб-дизайн, однако очень хочется увидеть по-больше оригинальных доменов. Когда-то желанное .com потеряло свою привлекательность, в первую очередь потому, чтобы найти свободный домен нужно придумать еще и свой язык, вроде клингонского(баловство переводчика, в оригинале — язык Na’Vi). В 2011 году мы заметим более редкое использование домена .com и учащенное использование таких причудливых доменов как .me и .us. Задумайте о возможностях и хватайте их до того, как они исчезнут.

image

image

9. QR: Quick Response

Если вы видели эти квадратные штрих-коды появившиеся на журналах, визитных карточка и еще много где, вы знаете что они — горячий тренд 2011 года. Как это перейдет в веб-дизайн? Удивительно хорошо, на самом деле.

Эти штрих-коды называются QR, коротко от Quick Response. Просто сфотографируйте уникальный штрих-код вашим телефоном, и как по волшебству откроется сайт, к которому этот штрих-код относится. Удобство QR-кодов в том, что есть миллиарды способов их использования. Разместите его на сайте для того, чтобы у посетителей была ссылка на мобильную версию. Так же вы можете отслеживать ваших посетителей через QR-коды, размещая специальный рефералльный код в URL. Когда вы комментируете статьи на сайте, подобном этому, используйте QR-код в качестве аватара.

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

image

10. Превью (миниатюры)

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

Если ваш сайт использует флеш, с превью возникнут проблемы. Превью не будет отображать флешевые элементы дизайна.

Так как среднестатистический пользователь становится все более и более подкованным в серфинге ожидайте, что в 2011 больше людей будут использовать миниатюры в качестве средства навигации. Ведь так велик соблазн оценить сайт по его миниатюре.

image

11. Постоянная связь / Лайфстриминг

Последнее, но не менее важное, это постоянная связь. Интернет по своей сути абсолютно стерильная среда. Мы делаем его человечным, рассказывая о наших жизнях в открытой беседе, ожидая больше личных подробностей. Характерной особенностью блогов и портфолио в 2011 станет полная интеграция с Twitter’ом (больше это не будет просто ссылкой на страничку в нем), а люди все чаще будут говорить вам где они сейчас с помощью Foursquare.

image

image

Оригинал: http://webdesignledger.com/tips/web-design-trends-in-2011

Перевод: http://nsamoylov.habrahabr.ru/

 

Идеальный интернет-магазин или ожидания покупателей

6 Дек

Рассмотрев подробно статистические данные, можно смело приступать к макету Вашего интернет-магазина. Здесь очень важно оправдать ожидания покупателей и сделать интерфейс понятным для навигации.

Банальности? Да! Но, на мой взгляд, в большинстве интернет-магазинов Рунета можно повеситься, прежде чем ты найдешь то, что искал.

Итак, сначала рассмотрим что и где посетители вашего будущего интернет-магазина будут искать мышкой на экране:

image

Очевидно, что именно в местах наиболее «черных» и «насыщенных» и стоит размещать элементы страницы.

Исходя из этой информации можно накидать структуру «идеального» интернет-магазина:

image

Здесь вроде тоже всё понятно. Главное условие — стараемся не удивлять посетителя расположением элементов, это совершенно не нужно!

Регистрация

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

Вот отличный вариант решения этой проблемы:

image

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

И помните, что по статистике (Статистика от компании interUX) избавление пользователя от обязательной регистрации повышает конверсию на 20-40%.

Поиск

С поиском всё сложнее. Главная Ваша задача — показывать в результатах поиска только нужную информацию.

Рассмотрим пример с books.ru:

image

Поиск ozone.ru:

image

Сделайте вывод сами 🙂

Спасибо огромное компании Rindo за эту статью.

Как прошла Юзабилити Украина ‘10

17 Ноя

Usability.by предоставили материалы с Юзабилити Украина ’10 которые я решил опубликовать здесь тоже.

Юзабилити Украина 2010

5-го ноября в конференц-холле Президент-Отеля в Киеве прошла первая всеукраинская конференция Юзабилити Украина`10.

Конференция Юзабилити Украина 2010 закончилась и самое время подвести итоги. С главной задачей организаторы справились — им удалось собрать 250 заинтересованных в теме людей и дать им возможность поделится опытом, обсудить проекты и сделать их лучше и удобнее.

И главную роль в этом сыграли, конечно, эксперты и докладчики из украинских и российских компаний: Алексей Ильин, Алексей Копылов,Андрей Воропай, Сережа Рачок, Юрий Ветров, Евгений Мусиенко, Владислав Флакс и Юля Леонова, Павел Гокин, Ярослав Бирзул, Ольга Марченко, Юрий Пероганич, Роман Рыбальченко, Антон Анисимов, Алексей Мась, Ольга Горенко и Олег Карапузов.
В течение восьми часов они старательно стимулировали мыслительную деятельность огромного количества людей: рассказывали о своих проектах и показывали слайды, комментировали распечатанные участниками страницы на “стене проектов”, отвечали на вопросы и вникали в проблемы участников конференции.

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

Это первое в Украине мероприятие такого масштаба, посвященное вопросам юзабилити.
Организаторы планируют продолжать свою деятельность – проводить конференции и семинары — не только в Харькове и Киеве, но и в других крупных городах Украины.

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

А вот здесь можно посмотреть сами доклады!

Обзор свежих материалов, октябрь 2010

17 Ноя

Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрельмай-июньиюльавгустсентябрь.

Методы и практики

7 Useful Design Strategies for a Successful Pricing Table
Серия принципов, которые позволят сделать страницу выбора тарифного плана более эффективной в продажах. Статья описывает принципы подачи информации и ценообразования в целом.

10 Reasons to Use Color
Connie Malamed, автор книги “Visual Language for Designers”, описывает цели использования цвета в дизайне и интерфейсе. Каждый способ привязан к определенной цели.

Which Types of Form Fields Lower Landing Page Conversions?
Dan Zarella описывает результаты исследования онлайн-форм на более чем 40 000 страницах, в ходе которого были найдены снижающие конверсию поля ввода. Хотя выводы достаточно краткие, сама информация более чем полезная.

Content Strategy Week @ Johnny Holland
Онлайн-журнал Johnny Holland выпустил серию статей, посвященных контент-стратегии. Ее пять основных тем — организация, целостность, понимание, стратегическое планирование и оценка.

8 Principles for Creating UX Poster Deliverables
Jason Wishard описывает восемь принципов работы над постерами, посвященными интерфейсу. Это отличный способ наглядной подачи результатов исследований и хороший итоговый документ для клиента.

Professor Q. Bert — Six lessons from games to bring fun to non-game apps and maximize a positive user experience
Статья Michael Zuschlag, в которой он рассказывает об игровых способах вовлечь пользователя в работу с продуктом. Автор описывает 6 правил, которые позволят сделать приложения и веб-сервисы более вовлекающими.

The Subtle Art of Seduction (презентация Stephen Anderson)
Отличнейшая презентация Stephen Anderson, в которой он показывает массу интересных примеров представления информации, форм и других элементов интерфейса в вовлекающем и эмоциональном виде.

What is User Experience Design? Overview, Tools And Resources
Да, это очередной обзор на тему “что такое user experience”. Но это лучший среди таких обзоров, так что если появляется необходимость объяснить это кому-либо из друзей или коллег — эта статья идеально подходит.

Инструменты

MeeGo UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС MeeGo от Nokia и Intel. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам — http://friendfeed.com/jvetrau/3876c515.

Bada UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС Bada от Samsung. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам —http://friendfeed.com/jvetrau/3876c515.

Free Toolbar Icons for Interface or GUI Designer
Отличный набор черно-белых иконок, который идеально подходит для использования в wireframes. Особенно хорошо то, что они представлены в двух вариантах — черно-белом и бело-черном.

Паттерны

iPad: Scroll or Card?
Oliver Reichenstein из компании Information Architects описывает два основных принципа подачи контента — скроллируемая и слайдовая подача. Он описывает предысторию холиваров на эту тему и дает рекомендации по поводу того, когда и что использовать.

Label Placement in Austrian Forms, with Some Lessons for English Forms
Внимание: к материалу этой статьи нужно относиться скептически — сложно оценить репрезентативность исследования. И все-таки сам поставленный вопрос более чем интересный — насколько удобно и понятно расположение названий полей формы под ними?

Процесс

Interfaith Marriage: Experience Design Meets Agile Development
Larry Constantine описывает хорошие и плохие сценарии работы проектировщика и дизайнера в рамках гибкого процесса разработки. По его мнению, меняться приходится в основном специалисту по интерфейсам, подстраиваясь под существующий процесс. Вторая часть статьи —http://www.informit.com/articles/article.aspx?p=1636984.

Кейсы

Beyond Staggered Sprints — How TheLadders Integrated UX into Agile
Команда проектирования рекрутингового сервиса TheLadders.com рассказывает о том, как менялся процесс работы над интерфейсом в рамках перехода к гибким методикам разработки. Статья особенно хороша тем, что авторы описывают весь путь становления нового процесса, включая все неудачи.

Making Sense of Complex Controls (Ford & IDEO Collaboration)
История о том, как Ford сотрудничал с дизайн-агентством IDEO с тем чтобы привнести в приборные доски автомобилей интерфейсные идеи из современных смартфонов. Первые результаты этой работы будут доступны на рынке в 2011 году.

Теория

Clear Reporting & Critical Thinking — Why User Experience Needs to Remember its Roots in Psychology
Отличная критическая статья Whitney Hess, которая предостерегает проектировщиков и дизайнеров от того чтобы слепо верить “результатам исследований и юзабилити-тестов”. Она рассказывает о том, что нужно знать о методологии и репрезентативности таких исследований.

The Invisibility of Disability
Alexander Dawson предлагает свой способ классификации степеней доступности (accessibility) продуктов. Его классификация хороша тем, что включает в себя не только физические ограничения пользователей.

Research: How Effective is Animation in Showing Temporal Trends?
Enrico Bertini из онлайн-журнала Information Aesthetics описывает результаты исследования компании Microsoft на тему эффективности использования анимации в визуализации данных. И хотя одно исследование не может охватить такую комплексную тему, в нем есть подтверждения эффективности подхода.

Everyone Forgets Memory
Статья Jeremy Britton и Dmitry Dragilev, в которой описывается принцип работы человеческой памяти и ее влияние на работу с интерфейсами. Авторы рассказывают о том, что именно запоминают люди и как использовать эти особенности.

История

Joypad Evolution — Design Patterns and Innovations in Game Controllers
Steve Cable из компании CXPartners подготовил масштабный постер, исчерпывающе рассказывающий историю развития игровых контроллеров. В сопроводительной статье есть несколько интересных выводов.

Тренды

Mobile First (презентация Luke Wroblewski)
Одно из выступлений Luke Wroblewski на тему “сначала проектируем для мобильных”, записанное в рамках LinkedIn Tech Talks. Он также написал обзорную статью на эту тему для издания TechRadar.
В новом окне

Материалы конференций

Design for Mobile 2010
Отчеты, презентации, конспекты и видео с третьей конференции Design for Mobile 2010, проходившей 20-24 сентября в Чикаго.

IDEA 2010
Отчеты, презентации, конспекты и видео с пятой конференции IDEA 2010, проходившей 30 сентября-2 октября в Париже.

User Experience Russia 2010
Презентации и видео с четвертой конференции User Experience Russia 2010, проходившей 6-8 октября в Москве.

Warmgun 2010
Отчеты, презентации, конспекты и видео с первой конференции Warmgun 2010, проходившей 8 октября в Сан Франциско.

via Юрий Ветров

 

Инструменты для юзабилити тестирования сайтов

13 Ноя

Спасибо большое Ксении Тайченачевой за отличную статью и обзор инструментов для юзабилистов.

Всемирный День Юзабилити (World Usability Day, WUD) — ежегодный профессиональный праздник специалистов в области человеко-машинного общения, он отмечается ежегодно, начиная с 2005 года, во второй четверг ноября. В этом году он приходится на 11 ноября.

Главный лозунг Всемирного Дня Юзабилити — «Сделай жизнь проще!», а его задача — делать окружающий мир более дружественным к пользователю.

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


Зачем нужно проводить юзабилити тестирование?

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

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

Секреты гейм-девелопмента: 47 игровых механик

1 Ноя

Что заставляет миллионы людей ежедневно кормить несуществующих рыбок, покупать несуществующие дома и «прокачивать» пиксели в виде свиней до 9-го уровня?

Вашему вниманию предлагается перевод статьи с сайта Techcrunch о том, как компании-разработчики социгр создают Playbook’и – своеобразные сборники рецептов и схем, следуя которым можно создавать «супер-пупер-крутые» игры.

Пока Zynga шифруется, SCVNGR (разработчик социгр для мобильных платформ) натуральным образом «раскрывает карты».

Проект «Playdeck» от SCVNGR – это «колода карт, в которой описано около 50 различных игровых механик, которые могут смешиваться, создавая фундамент для различных видов игр»

«Игровая колода SCVNGR пытается разложить игровую механику на составляющие части. Некоторые элементы – «достижения», «статусы», «виртуальные товары» являются базовыми. Однако существуют и более сложные: «механика назначенной встречи» (пользователь должен вернуться в определенное время и выполнить действие, чтобы получить награду, как в Farmville), «бесплатный обед» (игрок получает что-то благодаря усилиям других людей, как в Groupon), «весело однажды – весело всегда» (простейшее действие, поддерживающее минимальный уровень удовольствия независимо от того, сколько раз оно выполняется), и «Теория постепенной подачи информации» (выдача информации по капле, чтобы заставить игрока томиться догадками и двигаться по сценарию дальше)».

«Некоторые из механик интересны для общего понимания теории игровой динамики («эпические победы», социальная структура игр). Многие из этих концепций общеизвестны – они были собраны для колоды SCVNGR со всех уголков интернета и почерпнуты из опыта известных деятелей (Jane McGonigal, Ian Bogost и Jess Schell), а также из материалов сайта Gamasutra.com, некоторые используются только в разработках компании и могут не сработать вне проектов SCVNGR.»

Колода игровых механик от компании SCVNGR

Достижения /Achievement

Определение: Виртуальное или материальное выражение результата выполнения действия. Достижения часто рассматриваются как награда, либо сами по себе.
Пример: Медаль, уровень, вознаграждение, очки… наградой будет все, что может считаться таковой. Читать далее

Обзор свежих материалов, сентябрь 2010

19 Окт

Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться.

 

Методы и практики

Dancing with the Cards — Quick-and-Dirty Analysis of Card-Sorting Data
Shanshan Ma рассказывает об интересной технике при использовании карточной сортировки — с помощью удобной и наглядной матрицы она позволяет сортировать и группировать близкие друг к другу варианты. Помимо того что это полезный в работе инструмент, итоговый результат еще и отлично походит для презентации клиентам.

The Power of PET Design in Action
Простое, но очень эффектный демонстрационный ролик, в котором Spencer Gerrol пошагово показывает способы улучшения представления информации на сайте туристической компании. Эти шаги позволяют превратить простой информационный блок в продающий и завлекающий клиентов.

Three Reasons Why Persuasive Design Isn’t Enough to Influence Change
Статья Collen Jones об ограничениях “убеждающего дизайна” — практики, которая в последние несколько лет стала особенно актуальной. Она приводит три причины, по которым этот подход еще не до конца зрел и требует более глубокой проработки.

Recruiting Participants for Unmoderated, Remote User Research
Jim Ross из компании Electronic Ink Philadelphia дает серию советов о том, как подбирать респондентов для удаленного немодерируемого юзабилити-тестирования. Он рассказывает о самом процессе, его основных методиках и инструментах, которые помогут найти испытуемых.

What’s the real value behind UNMODERATED remote user testing?
Специалисты компании Userzoom, предлагающей онлайн-инструмент для немодерируемого юзабилити-тестирования, развенчивают мифы об этой методике. Они приводят примеры из практики, ссылаются на опыт работы собственного продукта и отвечают на десяток вопросов по теме.

Recommendations for Usability in Practice
Jasper van Kuijk собрал коллекцию практических рекомендаций по улучшению юзабилити, которые легли в основу его докторской диссертации. Хотя многое из этого слышано уже не раз и достаточно очевидно, сама по себе подборка достаточно полезна. Читать далее