Юзабилити web проектов
Янв 9, 2010 Управление информацией
Раздел порки продолжает свое существование на этом блоге, а значит самое время как и обещал рассказать уважаемым читателям, что же там происходит. Что за страшный зверь юзабилити, что такое пользовательский сценарий и как правильно жить в мире интернета.
*Осторожно многа букав*
Ссылки ниже представлены на правах рекламы, автор блога не несет ответственности за качество предлагаемых товаров и услуг.
Продвижение в сети интернет и оптимизация сайта задача для профессионалов. Не стоит пускать такие вопросы на самотек.
Конец блока рекламы
Юзабилити — упрощенно это построение интерфейса и информационной структуры с максимальной эффективностью для пользователя.
Когда мы начинаем создавать сайт, перед ним ставятся определенные задачи. Продать товар, собрать аудиторию, найти сообщников или показать миру как прекрасен и загадочен Иван Иванович Пупкинидзе лауреат пустой бравады и просто мелкий мудила дорвавшийся до клавиатуры.
Независимо от того для кого и кто делает сайт, юзабилити незримым процессом гордо реет над креативом.
Каждый сайт в явном или неявном виде имеет ориентацию на некоторую целевую группу. Суровые мужчины из ВДВ наврядли будут читать про вязание крючком, а милые дамы с умилением рассматривать описание танковой техники.
Структура аудитории может выделять по
1. Половому признаку — см. выше
2. Возрасту — бабушки тащатся от Кабзона, а 15 летние девочки от Билана.
3. Набору интересов — если мы говорим за узкотематический портал типа информации про паркур, мы работаем четко с поклонниками данного направления
4. Благосостоянию — сайт продающий БМВ, наврядли будет интересен 15 летнему геймеру у которого даже компьютера нет.
Нет четкой градации один сайт, одна целевая группа. Сайт вполне может быть мультинишевый и покрывать несколько целевых аудиторий. Когда мы это понимаем на передний план выходят пользовательские сценарии.
Пользовательский сценарий
Войдя на сайт пользователь попадает в точку входа. Если мы работаем с разнородной аудиторией есть большая вероятность, что точкой входа для человека станет страница(ы) оптимизированная под запрос для данной группы. Дальше как в сказке, мы выкладываем перед пользователем придорожный камень в виде системы меню и подробно объясняем ему что будет с ним и с лошадью пойди он налево, направо, прямо.
Для продающих сайтов (как наиболее иллюстративных) наша задача протянуть человека через все этапы до момента покупки. Цепочка по которой он будет туда двигаться, его действия и переходы между страницами и есть сценарий. Задача специалиста по инфодизайну сделать этот путь максимально коротким и комфортным.
Не стоит также забывать, что для продающих сайтов есть понятие мотивации на покупку (особенно для не жизненноважных товаров и услуг), поэтому попасть на страницу продажи пользователь должен уже готовым отдать деньги. Психология неумолима — человек ленивое, вредное существо которое нужно постоянно подстегивать конфетами и тумаками, чтобы он что-то сделал.
Ярким примером описанного подхода являются МЛМ одностраничники. Где 90% текста это разноплановая, под разные типы граждан заточенная мотивация на покупку. В итоге достигнув конца страницы, где находится форма оплаты, гражданин уже просто уверен, что выиграл один шанс из миллиона именно сегодня купить очень полезный товар практически за бесценок, да еще и получить пару десятков бонусов нахаляву.
Самым простым способом получения пользовательского сценария является наблюдение. Берем пользователя, сажаем на сайт, ставим задачу, записываем его действия. На выходе получаем всю цепочку.
Оптимизация пользовательского сценария
После того, как мы получили описание действий пользователя, их необходимо проанализировать. Не забывая при этом, что мы работаем в двух ключах: мотивация и удобство. По результатам такого анализа и некоторым размышлениям всегда находятся моменты которые можно либо упростить, либо вообще выкинуть из цепочки как незаслуживающие доверия. При этом после их удаления процесс сам по себе ничего не теряет.
На сегодня пожалуй все. Продолжим завтра...
Метки: автоматизация, Дизайн, юзабилити
ГС и СДЛ (вторая попытка)
Янв 5, 2010 Поисковая оптимизация
По итогам поста МастераХ попробую еще раз написать, то что осталось непонятым в первой части. В своем посте МастерХ анализирует как могли бы поисковики вычленять белые сайты. (факт о том, что они намного устойчивее в выдаче никто не оспаривает). Я же попробую со второй попытки пойти от обратного и вычленить видимые признаки ГС.
СДЛ против ГС. Поехали...
1. Частота обновлений. Далеко не показатель, не обновляться или обновляться часто может и то, и то. Как параметр влияния данный фактор похоже рассматривать смысла нет. Не палево.
2. Дизайн. Уникальный дизайн конечно признак того, что сайтом занимаются, но далеко не все коммерческие сайты строятся на уникальном дизайне. Не палево.
3. Движок. Опять же может быть как самописом, друпалом, вордпрессом, джумлой так и любой другой фигней. Не палево.
4. Текст. На СДЛ текст по идее уникальный. На ГС может встречаться скан, копипаст и прочая, но как тогда объяснить феномен веб магазинов и соц сетей? Не качественный скан можно вычленить по недочищеному мусору и спец. символам, которым не место в обычном тексте. Но прайсы ряда организаций могут преподнести еще не те, удовольствия.
5. Адрес, телефон, контакты. Согласен с предыдущим оратором по поводу возможности проверки наличия подобных координат, но в влияние данного фактора верится слабо.
6. Время пребывания на сайте. А вот здесь начинается интересный нюанс. Поидее если на сайте есть интересующая меня информация (а большая часть сайтов компаний это как раз продающие или узкотематические запросы), то я там задержусь. С другой стороны оперируя копипастом в массовых секторах, т.е. кино, музыка, книги и т.д. Когда информация дублируется на десятках, а то и тысячах сайтов, время на распознавание я это уже видел, не видел, халява, не халява — минимально.
7. Доп. факторы. Учитывая пункт 6, если при этом сайт еще не имеет возраста, мигает ссылками, не уникальный в плане дизайна и при этом
8. Количество сайтов подобного характера на АйПи больше одного.
Можно смело заявить что перед нами ГС. На мой скромный взгляд (обострившийся после падения сетки) пункты 6-8 как раз и являются ключевыми.
Ссылки ниже представлены на правах рекламы, автор блога не несет ответственности за качество предлагаемых товаров и услуг.
Магазин необычных гаджетов может стать хорошим местом для выбора оригинального подарка. В нем можно даже купить музыкальную шкатулку
Аккуратность в сайтостроении залог качества
Янв 3, 2010 Дизайн
Вот вы как фильтруете ГС и не ГС? Я как правило смотрю на внешний вид. Внешний вид позволяет однозначно как правило определить кто перед нами. Аккуратный уникализированный дизайн с расставленными виджетами (в тему), правильно посчитанная структура заточенная под удобство чтения и выделяющая ключевую информацию это все характеристики — правильного сайта.
Если же после входа сразу видно, что сайт делался на коленке за 2 часа абы было, то перед нами классический представитель ГС.
Однако неуникальный шаблон еще не говорит ничего плохого об авторе. Подчас многие известные блогеры предпочитают стандартные решения от ЖЖ или Блогспота. Такие сайты как правило завязаны на информацию и единственная задача дизайна сделать ее читаемой в привычном для пользователя виде.
Я искренне нелюблю инновационные и флеш дизайны. Первые сильно напрягают мозг, яркий представитель таких решений безкликовый дизайн. Поиграться с таким решением прикольно, но вот работать с ним повсеместно — увольте. Второй класс как правило представляет собой работу скорее графического направления, где дизайнер реализует фантазии воспаленного мозга, а заказчик наслаждается необычностью решения. Страдает при этом пользователь, которого лишили привычных элементов интерфейса и заставили заново учиться ходить по ссылкам.
Удобные решения на флеше можно пересчитать по пальцам, зато классическая html верстка без разных выгибонов понятна и привычна всем.
В итоге можно сказать что примером хорошего сайта является хорошо продуманная информационная структура позволяющая без лишних движений и отвлекающих факторов пользователю быстро получить требуемую информацию и уйти довольным. Она может быть по разному оформленна, лишь бы все было понятно и не перегружено. Делайте качественные сайты — не заставляйте пользователя решать ребусы...
Приятная реклама и заодно иллюстрация вышеизложенного:
Когда речь идет даже о такой не массовой теме как обработка металла можно сделать удобный каталог с понятной структурой и без лишних элементов. Кстати прошу обратить внимание что это самопис на django. Все четко, аккуратно и лаконично.
Молния. Охуенный шрифт уже в паблике
Дек 29, 2009 Дизайн
По наводке с блога Лебедева было установлено, что в паблик попал новый шрифт с поддержкой алфавита всея СНГ.
Подробности о создании и создателях читаем в
Качаем с
Kursk less home — Живу в Курске. У меня меньше. Сижу дома. Зовут Бомж
Дек 9, 2009 Юзабилити
Итак следующий на очереди Курский бомж (заметьте сам напросился). Текст в заголовке подробно описан в заголовке этого поста.
1. Основная задача текста, чтобы вы были в курсе это читаемость. «Мебельный Астра Магазин» — придумали писать тупые уебки (они же дизайнеры). По мнению указанных уебков это давало им возможность выделиться псевдоинтелектуальностью, фишкой и необычным вкусом над простым мещанином. Для глаза, уха и не воспаленного мозга читать линейный текст без перестановок намного удобнее. Т.е. на мой скромный взгляд надпись в шапке «Курский интернет бомж. Зарабатываю в интернете, ищу партнеров» была бы на порядок лаконичнее и понятнее.
В такой стилистике кстати на совковых магазинах писали. Если смотреть с этой позиции то синие, выпуклые изображения девушек очень в тему. При совке там похожими петухами торговали.
2. Стандартная ошибка для нашего люда — Recent articles. А че ты блять на китайском не написал? Блог на русском? Так откуда англицкие надписи?
Home и Subscribe me туда же.
3. Поиск! Ну! Поиск пиздец!!! Откуда взялся этот милый цвет? Откуда я тупой олень должен догнать что это именно поиск а не сбор средств на силиконовую пиписку? Не знаю как на более мелком разрешении, но я при текущем размере шрифта надпись в поле читаю как «найди что+ибудь... Не забудь нажать Enter:)». Что ибудь я с удовольствием поищу, но надо либо сменить текст, либо увеличить шрифт, либо поменять шрифт. (по секрету: попробуй шота с засечками)
4. Блок Ебаут! На счет англицкого читай выше...
«Это блог о том как заработать в интернете с нуля, на моем собственном примере:)»
Особенно радует смайлик в конце. Оборжаться! Я тоже думаю что у темы заработка в инете обязательно надо поржать и сделать это именно в описании блога. Пацики, абаржаться, я в инете роблю и блог пишу. Ха-ха-ха...Хи-хи-хи... Хо-хо-хо-о-о-о-о...
5. Я зарабатываю с помощью КРОВАВОЙ SAPE. Объясните мне зачем блок под 2 слова при чем они есть составляющая единого предложения с заголовком блока? Все так делают? Не будь как все. Индивидуальность рулит. Попробуй просто написать в строчку.
Я зарабатываю на SAPE. Оказываю помощь своим рефералам.
Стать рефералом
6. Контакты. Семь! пишется как 7 в номере аськи. Поверь, это совсем не страшно. Это даже не больно. У всех это бывает в первый раз. Пока никто не умер.
Эй, спамеры аська Курского: 404-714-285. Я его спалил...
Мое глубокое убеждение что контакты надо либо публиковать в человеческом виде, либо вовсе не публиковать. Не хочешь срать не мучай жопу (как говорится).
7. Очень меня заинтересовал блок: Авто-метки, не ругать:). Это что значит? Заголовок такая непонятная и бессмысленная хуйня что даже самому читать смешно )) Приколол.
8. Блок Архивы. Нахуя на этом блоге архивы? В учебниках истории напишут: «В году 2009 месяце декабре бомж курский опубливал...». Не напишут! Посты имеют привязку ко времени которая используется в анализе? Неа. Текучка... Архивы хороши не для наших блогов. Не тот формат.
9. Комментарии. Комментарии это святое.
«# HoldFast к записи Дорвей: как это было…». И что мне дает эта дрочь? С точки зрения русского языка предложение явно нарушено. С точки зрения здравого смысла имеет право на жизнь лишь в случае если на месте Холдфеста — Путин. Неверная балансировка смысловой части. Смысловая часть комментария это его текст. Пока я не вижу текста мне глубоко насрать кто и где это написал.
10. По мелочи на списке страниц режется нижний бордер.
11. Полуспрятанная сапа выглядит просто убого. синим по синиму, чтобы папа не узнал, а то ругаться будет. Блог территория собственная, поэтому прятать рекламу тупость. Ну висит сапа, она у всех висит, все банчат постовыми и впаривают хуйню. Зачем прятаться то?
Часть вторая юзабилити: самомотивация, общение в манимейкерском кругу.
Любая самомотивация начинается с моей точки зрения с целей и их постановки. Дружно дуем на страницу целей:
1. Выйти на 10000 рублей в месяц. И понять что я на что-то способен, в том числе и обеспечивать свое существование только за счет интернета.
2. Выйти на 30000 рублей в месяц и быть независимым от никакой оффлайн работы, потому что у нас в городе без каких-либо связей студенту с нулем опыта даже на такую зарплату фиг устроишься.
3. Выйти на 100000 рублей в месяц и совсем немножко погордиться собой:)
4. Ну и 300000 рублей в месяц и можно брать семью и путешествовать по миру…=)
Конечный вывод. Это не цели. Это мечтания взятые с потолка. Тот факт что за ноябрь ты выполнил первый пункт (о чем хуй кто вспомнил, что еще раз доказывает мою мысль) это очень охуенный повод гордиться собой. Но без дедлайнов это не мотиватор. Это пожелания.
для примера:
Моя цель за завтра заработать 1к гривен. (это реальная цель именно это я и планирую сделать), а до конца недели отжать 2,7к суммарно. Это очень бодрящий мотиватор, потому что время идет а я на жопе сижу. Поэтому на часах 2 часа ночи, а я все еще работаю. А завтра встану в 6 утра и пойду достигать ЦЕЛЬ. Потому что время идет, потому что признаваться самому себе в том, что не можешь лень.
Вывод: перепиши цели.
Второе. Общение.
Для выполнения второго пункта
1. Опубликуй контакты. Как с тобой общаться если есть только аська и та зашифрована...
2. Сделай форум. На форумах общаться намного удобнее чем в блогах.
3. Пиши посты на пообщаться. Вопросы задавай. Когда человек рассказывает, да еще подробно, смысл с ним еще говорить? (зы кстати в постах призывы читать, а не обсудить).
Вроде все.
На очереди Влад2.
Как построить сайт компании
Авг 10, 2009 Общество, Управление информацией
Жизнь любого сайта начинается и заканчивается с задач которые перед ним ставятся. Лучшим учебником для построения сайтов компаний является страшный инструмент под названием здравый смысл.
Открывая свое представительство в сети любая компания ставит перед собой нормальную для бизнеса задачу что-то продать. (ну Газпром не рассматриваем у них своя специфика). Для того, чтобы построить успешный продающий сайт, перестаньте на пару часов быть дизайнером и станьте потенциальным клиентом. Что меня как клиента в первую очередь интересует?
1. Что предлагают? (хотя с большой долей вероятности я уже знаю за чем пришел, но красивая и аккуратная оберточка не повредит)
2. Сколько стоит? (важный вопрос и очень сильно повлияет на организацию сайта в зависимости от типа бизнеса)
3. Как? (Как получить, как заплатить, как доставят, как гарантируют)
4. С кем? (с кем я могу поговорить, как с ним связаться, сколько это, опять же стоит)
В целом за ответы на все эти вопросы отвечает замечательное направление под названием информационный дизайн. Информационный дизайн (работ по которому в рунете к сожалению очень мало) базируется на нескольких стандартизированных этапах сбора и обработки информации.
1 этап.
Давайте определимся кто пользователь нашего предложения? Понятно, что если речь идет о молодом человеке или девушке, оформление и стилистика сайта будут совсем не теми что для бабушки или сорокалетнего бизнесмена. Можно рассматривать и несколько групп, но это потребует более детальной проработки.
2 этап.
После того, как группы сформированы, подумайте как бы вам было естественнее и удобнее всего решить задачу сайта. Предположим у нас сайт по продаже коров (или котов) увидев фото приглянувшегося хищника я бы предпочел либо посмотреть детальную информацию о нем, либо сразу перейти на покупку. Дайте мне эту возможность.
В тот момент когда вы вешаете на сайт 10 страничную и очень полезную форму, подумайте, а вы бы ее заполняли? Нарисуйте графы движения пользователя по сайту.
3 этап.
Очень просто. Рассматриваем графы и прикидываем где мы делаем лишние действия. Крепко думаем на сколько естественно процесс серфинга будет выглядеть без них, все лишнее удаляем.
4 этап.
Ну вот теперь можно уже и порисовать.
Короче думайте как было бы удобно вам как пользователю и исходите из потребностей.
Спонсор поста сайт Проиграл.ру:
Некуда девать время? Сыграй во флеш игры на Проиграл.ру!
Метки: Дизайн, информационный дизайн
