Юзабилист » Анализ сайтов

Олег Карапузов: Как мы выиграли DOU Startup mixer.

puzik — Mon, 19 Dec 2011 12:28:46 +0000

За две недели до мероприятия мне написал мой друг Руслан, сказал что было бы неплохо сделать свой проект и предложил идею «Онлайн юзабилити тестирования». Так как моя специальность связана напрямую с этой темой :) идея мне показалась интересной.

Мы провели исследование рынка, оказалось, что рынок реально есть. Потом узнали что будет DOU MIXER и решили развить идею там. Разделили обязанности, на мне исследование для будущего проекта, а на Руслане презентация. Пару раз встретились и составили план презентации. В итоге я сделал небольшой HTML прототип, придумал лого, а Руслан презентацию.

Я и Руслан

DOU Mixer начался в пятницу вечером на 20 этаже Горизонт Парк, пошли презентации идей, на все про все 2 минуты. Идей было около 30! Презентовались вместе с Русланом. Некоторые идеи уже приходили с готовыми командами. У нас изначально команды не было, но было желание и вера в нашу идею. После презентаций идей присутствующие разбивались на команды: некоторые идеи набирали команды, некоторые нет. Нам повезло! Наша идея набрала разработчиков. Мы собрали команду, мы еще раз рассказали идею, я показал прототип, определились с планом работ. Определили задачу минимум и задачи максимум. Разъехались.

На утро субботы собралась в Горизонт Парк вся команда. Команда у нас очень крутая, никто не подвел, всё что обещали, все делали. Начали работать, написали задачи. К нам приходили менторы давали свои дельные советы, за что им огромное спасибо. В Горизонт Парк был вкусный обед и ужин. Нужно сказать, что организаторы нас обеспечили всем необходимым: кофе, печенье комнаты для работы, интернет… В работе прошла суббота. Работали до 24.00.

Команда проекта: Киллево Даниэль, Лабунский Женя, Жакупов Руслан, Шаваран Александр, Карапузов Олег, Кузняк Александр

Немного о нашем проекте:
Проблема состоит в том, что в интернете много неудобных сайтов. И многие владельцы сайтов даже не знают, как это определить и как исправить. Консультации юзабилити компаний стоят довольно дорого (ведь они проводят полноценные юзабилити исследования реальных пользователей). А наш проект позволяет провести удаленное юзабилити тестирование самостоятельно. Владелец сайта сам создает задания (Например, найти велосипед Comanch 579 и купить его), получает код для встраивания на свой сайт (чтоб программа могла собирать статистику) и ссылку для участников тестирования, которую может разослать своей целевой аудитории (или кому угодно). Участники тестирования получают ссылку, заходят по ней и выполнят задания, созданные владельцем сайта. Наша система способна сказать насколько успешно пользователи справились с заданием (и в будущем, сказать почему).

В воскресенье до 11.00 у нас уже был рабочий прототип, который вполне годился для презентации. Мы занялись презентацией, параллельно доделывали прототип. В 14.00 начались презентации, спикером был Руслан, я на демонстрации. Мы не успели прорепетировать, презентация получилась скомканной, за что и получили справедливый втык от менторов. К финальной части подготовились, переделали презентацию, настроили прототип, репетировали, обедали и немного отдохнули.
На финальном докладе удалось выступить достойно, уложились в отведенное время, успели сделать демонстрацию продукта, ответили на вопросы. Далее, ждали пока все выступят, были очень интересные проекты! После того как все презентовались (Где-то 21.00) менторы удалились на совещание, а мы пошли собирать вещи. Когда поднялись на 20 этаж и вошли в зал, нас сразу назвали как победившую команду, неожиданно и очень приятно!

Очень обрадовались, но после 2-ух дневной работы, очень хотелось домой.

Рады, что время не потрачено впустую, что смогли воплотить идею. А раз наш проект выделило авторитетное жюри из 30 других, значит в идею верим не только мы, значит ее стоит дальше развивать.

Спасибо большое команде за работу.

В планах запустить готовый продукт.

Следите за нами в Facebook, twitter.

Поделитесь в комментариях своим мнением, пользовались бы вы таким сервисом? Какие бы функции хотелось видеть?

Читайте также:

Юзабилити ошибка способна испортить день рождения.

puzik — Thu, 16 Jun 2011 13:23:53 +0000

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

Я завидую терпеливости этой пары!

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

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

Регистрация на Точке

puzik — Tue, 19 Oct 2010 10:55:39 +0000

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

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

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

Украинские лидеры:

Ukr.net:

i.ua:

Bigmir.net

А теперь посмотрим на новую форму входа на сайт tochka.net:

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

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

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

Убедитесь, что ваши инвестиции в сайт окупаются

Сергей Протопопов — Thu, 15 Jul 2010 07:09:40 +0000

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

Бизнес метрики и измерение пользовательского опыта

Опыт пользователей кажется субъективным и трудно измеримым. Для каждого проекта можно применить набор бизнес-метрик и измерить пользовательский опыт. Ниже приведен список некоторых метрик:

Доходы.Сайт должен способствовать увеличению доходов на конкретную сумму;
Расходы на поддержку. Объем звонков в службу поддержки, должны сократиться на определенную сумму с запуском нового приложения или сайта;
Зарегистрированный пользователь. Количество участников (регистраций) следует увеличить на определенную величину;
Эффективность пользователей. Пользователи должны иметь возможность получать всё инструменты для решения их задач;
Эффективность работы пользователя. Новое приложение или сайт должен повысить продуктивность работы пользователей и свести к минимуму время на выполнение требуемой задачи.
Способность к обучению. Пользователи должны быстро и легко понять возможности нового приложения или сайта за минимальное количество времени, с ограниченным обращением к помощи.
Удовлетворенность пользователей. Новое приложение или сайт должен быть оценен как легкий и приятный в использовании.
Ошибки пользовательского интерфейса. Значительные ошибки, неработающие ссылки, кнопки и т.д., должны быть сведены к нулю;

Метрики влияют на дизайн

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

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

Все нужно измерять

puzik — Tue, 13 Jul 2010 04:00:10 +0000

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

Читайте также:

Korrespondent.net ложка дегтя

puzik — Thu, 15 Apr 2010 11:09:26 +0000

Недавно популярный сайт korrespondent.net изменил дизайн. Стали мягче цвета, добавились интересные плашки. Также добавились возможности перепостить статью в самые популярные социальные сервисы. Кнопки стали более приятными. Вход на сайт теперь стал похожим на вход на сайт twitter.com. Все профессионально и здорово. Видно что команда заботиться о пользователях.

Но я хотел бы добавить ложку дегтя в бочку меда.

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

Вот пример: Страница спецтемы . Внизу страницы есть пейджер

Во-первых, судя по тому что сверху самые свежие новости, то показать следующие писать неправильно, нужно писать «Показать предыдущиее 10».

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

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

«Сатана лижет мой мозг!»

puzik — Thu, 08 Apr 2010 12:22:55 +0000

Часто жертвами плохих интерфейсов становятся ни в чем не повинные мирные пользователи.

Лучше перед запуском протестировать продукт, последствия могут быть не предсказуемы!

Читайте также:

Исследование времени «входа» на сайт.

puzik — Wed, 24 Feb 2010 13:09:04 +0000

«Войти» кнопка или ссылка важный призыв к действию на главной странице большинства веб сайтов. Компания Usabilla провела сравнение «входов» на 10 сайтах. Пользователи нашли кнопку «Войти» на Twitter за 1,8 секунды. Animoto показали тоже неплохой результат 2,3 секунды. В среднем пользователи находили кнопку входа за 3,5 секунды.

Разница между исследуемыми ресурсами оказалась существенной. Как вы думаете, почему так отличается время входа на сайте в этих ресурсах?

Результаты исследования :

Twitter — 1.8 секунды

Animoto — 2.3 секунды

Vimeo — 2.9 секунды

MyNameisE — 3 секунды

Usabilla — 3 секунды

Facebook — 3 секунды

Foursquare — 3.3 секунды

Wakoopa — 4.3 секунды

Basecamp — 5.3 секунды

PayPal — 6 секунды

Читайте также:

Аукро изменило лицо. К лучшему?

puzik — Fri, 22 Jan 2010 12:54:41 +0000

Зашел по ссылке об участии в акции. Увидел, что сайт изменил дизайн, но не в сторону улучшения. Я решил проанализировать первый экран для разрешения 1024*768.

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

Поиск

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

Войти, Зарегистрироватся, Как пользоватся?

Далее взгляд упал на яркие кнопки « Войти, Зарегистрироватся, Как пользоватся?» На вид одинаковые кнопки. Но по смыслу они ведь разные. Кнопки должны активировать какое-то действие, тогда «Войти» и «Зарегистрироваться» вполне логичны, но "Как пользоваться? " ведет на другую страницу, где объясняют, как использовать сервис. Поэтому это должна быть ссылка.

Карусель

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

Категории

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

Еще сверху есть интересная навигационная панель, где первый пункт это «регистрация». Это при том, что чуть ниже есть масивная кнопка «зарегистрироватся» ( ведут на одну и ту же страницу).

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

У сайта большая база, очень много пользователей, а может будет ещё больше, если сделать сайт удобнее.Читайте также:

Обзор политики в интернете

Сергей Протопопов — Thu, 31 Dec 2009 18:18:20 +0000

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

Тимошенко Юля (Тигрюля)

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

Янукович Виктор

К счастью или сожалению, но сайт 31.12 не работал, наверное потому что праздник )))

Тигипко Сергей

Сайт выглядит хорошо, но в мелочах вызывает раздражение. При просмотре главного видео, если вы мышку не увели с плеера, то просмотру будет мешать отоборажение символа паузы. Весь раздел видео хорошо сгрупирован по группам, но создаеться впечатление что в каждом разделе только 4 видео и не очень понятно, как посмотреть все «Сюжеты ТВ»? Прогрмамма и биография Сергея Тигипка поданны в очень удобной форме приятной для чтения, оказываеться Сергей Леонидович служил в танковых войсках! В меню есть 2 выпадающих пункта но визуально они ни чем не отличаються от других.

Очень интересный раздел «Прямая линия с Сергейем Тигипко», но поиск вопросов происходит только по ID (интересно сколько людей вообще понимают что от них хотят?) Еще из мелких замечаний синие ссылки на синем фоне немного тяжело заметить:

Из веселого: есть ссылка на Тигипко в Однокласниках и вКонтакте (хорошо работает социальный маркетинг) и ссылки СЮДА в разделе Напишите Сергей Тигипко

Олег Тягнибок

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

Также хочу заметить что 2-й уровень навигации оторван и спрятан от основной:

Информацию о биографии и программе Олега найти удалось, только в разделе Документи — Інші (нашел совершенно случайно). Наверно это не самая главная информация для избирателя

Из веселого: понравилось, что сайт можно почитать ещё на 2-х языках: белоруском и французской %-) Наверно специально для Лукашенко )

Яценюк Арсений

Первое что я увидел зайдя на сайт был видео плеер с кнопкой PLAY на лице у кандидата. Видео оказалось очень забавным (слабонервных просьба не смотреть)

Жаль но большие зелёные кнопки на Фронт Змін, Фонд и Программу Арсенія нажать и посмотреть не удалось. На этом желание исследовать сайт пропало, чему посбособствовала общая хаки расцветка и косые линии. Также не смог на сайте найти отчество Арсенія поєтому хочеться пожелать:
«Шановний Арсеній! Я чекаю нового року і того дня коли нарешті знімуть бігборди з вашою агітаційною программою»
имг

Всех с наступающим! И желаю в новом году сделать правильный выборЧитайте также: