Записки с меткой «Клиентам»

Дмитрий Сатин из UsabilityLab рассказывает о самых распространенных проблемах интернет-магазинов, в частности о корзине и оформлении заказа.

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

В мультфильме хорошо показан результат «слепого учёта» всех пожеланий клиента и критики некомпетентных лиц. Дизайнер должен быть бдительным и отстаивать свою позицию. Смотрите также современную интерпретацию этой вечной истории.

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

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

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

А еще нельзя сесть, доехать, сказать что-то типа «Знаешь, мне кароче позвонили и сказали, что там таксист дешевле стоял, довези меня обратно я там сяду. Платить ессно не буду.»

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

А еще нельзя таксисту сказать: — Ты меня довези, я посмотрю, если не сильно трясет, пробок мало и музыка в салоне хорошая, я тогда оплачу…

А еще нельзя сесть, доехать, потом сказать типа мы как то не очень весело ехали, вернись еще раз попробуем.

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

Позаимствовал у B_ACTION

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

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

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

Adobe Illustrator

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

Adobe Photoshop

Растровый редактор который больше подходит для создания окончательного варианта интерфейса. Панель Layer Comps позволяет запоминать различные состояния слоёв (отключение видимости, положение, стиль) что позволяет сохранить в одном файле несколько состояний интерфейса и демонстрировать некий интерактив. Большинство веб-дизайнеров работают в этой программе.

Axure RP Pro

Программа разработана специально для прототипирования интерфейсов и позволяет генерировать интерактивные макеты в виде набора html- файлов которые потом можно демонстрировать клиенту. В библиотеке содержатся все необходимые элементы интерфейса, что позволяет довольно быстро создать прототип. Но опять же, для создания окончательного макета прийдётся начинать всё заново в другой программе, да и сама программа мне показалась несколько недружелюбной. Чуть больше о программе можно узнать из статьи «Основы проектирования веб-интерфейсов в Axure RP Pro«.

Adobe Fireworks

Довольно старая программа, этакий гибрид Photoshop и Illustartor, была разработана в ныне поглощённой монстром Adobe компаниии Macromedia. В Fireworks можно использовать растровую и векторную графику, создавать различные состояния элементов интерфейса (используя стили, страницы, слои, состояния) и демонстрировать клиенту как это работает, использовать символы и много чего ещё. Таким образом программа позволяет создавать интерфейс от прототипа до окончетельного макета не прибегая к другим инструментам причём все, начиная от проэктировщика и заканчивая дизайнером, могут работать с одним документом. Более подробно о возможностях программы можно узнать из статьи «Проектирование интерактивных продуктов в Fireworks«. Лично я склоняюсь к тому чтобы начать использовать именно эту программу.

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

Вчера, 28-го марта, удалось попасть на HTML5 CAMP на котором удалось подчерпнуть немного полезной информации и одну интересную мысль, которую высказал Владимир Смирнов UX директор Aimbulance. Суть мысли в следующем: сайты перестают быть просто вместилищем статичной текстовой информации, к которой очень часто трудно добраться, и постепенно превращаются в приложения содержащие информацию в виде текста, графики, видео- и аудио-материалов. Причём эти приложения богаты различными интерактивными возможностями упрощающими навигацию и делающими процесс поиска и ознакомления с информацией интересным, и, самое главное, эти приложения изменяют свой внешний вид и подстраиваются под устройство с помощью которого осуществляется доступ к этой самой информации, будь это настольный компьютер, ноутбук, планшетный ПК или мобильный телефон.

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

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

На сайте Ru.uxmyths.com самые распространённые мифы о веб-дизайне развенчаны с помощью результатов исследований, фактов и статей известных дизайнеров. Сайт будет полезен дизайнерам, специалистам по юзабилити и всем интересующимся данной темой.