Wmaster.Ru (comp.design.wmaster) : Рассылка : Subscribe.Ru

Здравствуйте дорогие читатели !
Прошу прощения за глюк в названии статьи в меню "в этом выпуске" :) неуследил. За эту неделю пришло большое количество заявок на обзоры. К сожалению все я обработать не смог, и все, кто не увидел обзор своего сайта, увидят его в следующих выпусках. Теперь о жизни на wmaster.ru. Сейчас, после обновления zip учебником по Flash MX, готовится обновление раздела о Dreamweaver MX (Это новый учебник и большой мануал). Ждите !!! А статья сегодня о юзабили (по заказам многих читателей).

Хотите рекламировать свой сайт на Wmaster.Ru или в этой рассылке...Пишите на mail@wmaster.ru .

:: *Лучший хостинг* ::

Хостинг-оператор №1 - eServer.ru - предлагает:
- Веб-хостинг от - 5,95 у.е. в месяц на серверах IBM xSeries 305 (домен ru бесплатно!)
- VDS серверы на базе Intel Xeon с root доступом от 9,95 у.е. в месяц
- Выделенные серверы в России и США от 85 у.е. в месяц
- Партнерская программа, зарабатывайте вместе с нами.
- Регистрация доменов .RU .SU .US .COM .NET .ORG .BIZ .INFO .WS .TV .CD .FM .AM .CO.UK .ME.UK .ORG.UK .BE

Подробности о предложениях Вы можете узнать на сайте http://www.eserver.ru

:: Побудем в "шкуре" посетителя, или подумаем о юзабилити ::

Автор: Вадим Сенькин
Источник: http://www.getinfo.ru

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

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

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

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

И тут я как раз хотел бы сообщить вам главную идею этой статьи: «Независимо от того, что делает для проекта специалист, он должен думать о потребностях и желаниях посетителя сайта. Довольный посетитель – это клиент заказчика сайта, довольный заказчик – повторный клиент компании-разработчика».

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

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

Я предлагаю действовать в следующей последовательности:

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

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

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

:: Обзоры недели ::

Сайт Wmaster.ru продаёт архив из 100 шаблонов для сайта всего за 4$. Присылайте заявки и заказывайте 100 шаблонов для сайта по мылу mail@wmaster.ru с пометкой "шаблон". Оплата в WEBMONEY.

1. http://www.vetklinika.ru - Центр ветеринарной медицины. Дизайн на троечку :) Логотип не вписывается в общее оформление, со стилем тоже можно было поработать (особенно шрифт). Но вот в плане информации - очень много интересного (это я вам как хозяин кота говорю ;).

2. http://home---page.narod.ru - зайдя на этот сайт, после получения заявки на обзор сайта, был удивлён. Это сайт так называемая "дизайн-студия" :) Жалко было смотреть на данный проект. Автору самому ещё долго нужно учиться и html'y и графике. Советую хотя бы логотип придумать ;) и убрать совсем ненужное голосование со страницы ;) Для справки: сайт сделан во FrontPage. Советую убирать из страницы ненужные тэги.

3. http://pc4ever.ru - сайт электронного журнала PC4ever. К сожалению дизайн не радует, хотя сам журнал читают многие. Цвета подобраны совершенно не правильно. На тёмно-синем фоне чёрный шрифт совершенно нечитабелен, также очень много рекламы... и мета-тэгами сильно не увлекаться.

4. http://studzone.com.ua - студенческая зона. Нехваткой нужной информации сайт не страдает и оформление удобное. Сайт отлично оптимизирован под 800*600 и думаю даже на 640*480 ещё будет хорошо смотреться :) Но вот тоже проблема с очень большим количеством рекламы. Из-за неё сайт долго грузится. PS: Блики в менюшке режут глаз.

5. http://ausbruch.newmail.ru - так и не понял тематику сайта, но скорее всего из разряда "всего по немногу", так как информации там немало. Всё мрачно и оформление на "3" . Цвета иногда совсем невоспринимаемые. Например светлозелёный на сером фоне. А также логотип сайта не в цвет фону.

Все те, кто не увидел своего сайта в обзорах, увидят его в следующем выпуске рассылки.

Шлите заявки на обзор ваших сайтов на мыло с темой "Obzor".

:: Вопросы ::

Вопрос №85 - Подскажите, может кто пользовался, имеет опыт работы с программами типа кликерами "per by click"(программы, которые позволяют выплачивать за клики и вести статистику трафика) часто используются в партнерских программах . Ответить

Вопрос №86 - А есть ли стандартные(рекомендуемые)стили оформления страницы. Ответить

Вопрос №87 - Не могли бы Вы сказать есть ли у Вас статья где рассказывается сколько времени и труда следует приложить web мастеру для нормальной раскрутки, функционирования и посещаемости сайта. Поймите мою проблему: Просто руководство не понимает почему я трачу так "много" времени на коммерческий сайт (около 3 часов в день), говорят что нужно посвящать ещё меньше времени, хотя отдача требуется большая. Ответить

:: Вопрос-Ответ ::

Ответов не поступало.

on TOP (наверх)

:: Новые заметки на http://www.cody.ru ::

CODY's REG][STER / Заметки CODY - http://www.cody.ru

18.01.04

а не стать ли мне продюссером ?

19.01.04

И всё же в какой программе делают форумы :)

21.01.04

24.01.04

25.01.04

Ведущий рассылки:

Cody (Bochkarev Anton)

ICQ: 148780826
mail: webmaster@wmaster.ru
www: http://www.wmaster.ru

Перепечатка материалов разрешается, только после письменного разрешения автора (e-mail). При перепечатке любого материала с рассылки видимая ссылка на источник www.wmaster.ru и все имена, ссылки авторов обязательны.
© Copyright Wmaster Group 2002-2004. © Все права защищены.

WWW.ESERVER.RU

Профессиональный хостинг

WWW.ESERVER.RU

Количество подписчиков: [ Subscribe: 3165 ] [ Protoplex: 327 ] [ List.Mail: 2062 ]

http://subscribe.ru/
E-mail: ask@subscribe.ru

Отписаться
Убрать рекламу

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти">  <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div>  </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br /> <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}