Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Жизнь успешных людей: все секреты их успеха!" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Декабрь 2010   →
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Автор

Артём Кузнецов

Статистика

201 подписчиков
-1 за неделю

• Выпуски
• Статистика

←   Все выпуски   →

Интерфейс-секреты успешных веб-сайтов и программ

"Интерфейс-секреты успешных веб-сайтов и программ"   Выпуск N15 от 24 декабря 2010г.   В этом выпуске Золотое правило N10 Итоги года Отчёт об исследовании эффективности взаимодействия пользователей с веб-сайтами. Мобильные операторы. Личный кабинет. Обучающий видео-курс Анонсы мероприятий     ГЛАВНОЕ   (1) Золотое правило N10: Контроль и свобода Создайте и поддерживайте у пользователя ощущение контроля за ситуацией и свободы выбора способа решения задач. Всё что на экране – принадлежит пользователю! Сайт не должен ”помогать” пользователю изменяя его данные без его ведома, он должен предоставлять пользователю возможность самому изменять свои данные. Речь идёт об элементах интерфейса, которыми пользователь может управлять. Пример: На первом примере слева вверху, мы видим что пользователю навязывается выбор продолжительности тура в ночах. Это безусловно очень удобно для тур. операторов, но совершенно неудобно и непонятно для пользователей. На втором примере, справа внизу, мы видим использование ненужного ограничения, когда пользователю предлагается выдирать только одно значение категории отеля из списка, в то время как большинство пользователей удовлетворит выбор нескольких значений. ← Золотое правило N9 Более подробное описание "Золотых правил" с примерами смотрите в видео-курсе или на одноимённом тренинге.   (2) Итоги года 2010 год прошёл под эгидой международных пользовательских исследований. Удалось узнать о привычках, целях и ожиданиях пользователей в Германии, Франции, Испании, Италии, США, Китае и др. странах. Исследования проводились как в B2C, так и в B2B секторе. На основе этих исследований было создано несколько концепций крупных продуктов, которые выйдут в будущем году. Это как программы и веб-сайты, так и мобильные приложения. Также я запустил проект регулярной открытой юзабилити-экспертизы ”Ю-ревью”, посвящённый оценке качества взаимодействия пользователей с веб-сайтами в разных областях бизнеса. В рамках этого проекта уже были проанализированы веб-сайты ведущих компаний в двух областях: туризм («Капитал Тур», «VKO-Клуб» и «Интурист») и мобильные операторы – личный кабинет (МТС, Билайн и Мегафон). (Отчёты о проведённых исследованиях) Меня как-то на радио спросили, какие смешные или необычные ситуации случаются в моей практике. Так вот, одна случилась совсем недавно, прямо перед исследованием во Франции. У меня оставалось две недели до отъезда, когда один заказчик попросил сделать для него полный цикл проектирования языкового тренажёра. Обычно полный цикл работ включает в себя проведение внутреннего исследования для выяснения целей и задач проекта, бизнес-целей, возможностей по реализации, технических подробностей и пр. Далее проводятся пользовательские исследования (в виде интервью, анкетирования, юзабилити-тестирования и пр.) и выясняется, кто текущие или потенциальные пользователи продукта, какие у них цели и задачи, привычные способы взаимодействия, ожидания и пр. После этого создаётся описание профайлов пользователей (описание персонажей) и разрабатываются идеальные сценарии взаимодействия этих персонажей с продуктом. По созданным сценариям делается концептуальный, а затем и детальный макет. При этом на каждом этапе проводятся согласования с заказчиком и вносятся необходимые коррективы. Как вы думаете, сколько обычно это занимает времени? Правильно – месяц, не меньше! Так вот, необычность ситуации заключалась в том, что в этом проекте удалось пройти все перечисленные этапы, включая все согласования, за 10 дней! Это был действительно очень реактивный проект и большой драйв, но заказчик остался полностью доволен этой работой. К слову, сейчас я как раз занимаюсь авторским надзором за реализацией, и скоро проект выйдет на широкую аудиторию. Также в уходящем году моя программа тренингов пополнилась тремя новыми: “Как увеличить конверсию посетителей в покупатели”, ”Создание текстов для пользовательских интерфейсов”, “Золотые правила создания успешных веб-сайтов”. Теперь общее количество тренингов составляет 10. (Полный список тренингов) Несколько сотен человек посетили мои тренинги как в открытом, так и в корпоративном формате, включая тренинги в Сити-Классе. Под конец года заработала программа вебинаров, и теперь у жителей других городов появилась удобная возможность получения знаний в области проектирования простых, понятных и удобных пользовательских интерфейсов. Набрала обороты рассылка (уже более 1000 подписчиков), которая сейчас выходит периодически раз в месяц и рассказывает об интерфейс-секретах успешных веб-сайтов и программ. В этом году подписчики узнали о золотых правилах проектирования пользовательских интерфейсов, об основных ошибках, которые допускаются разработчиками веб-сайтов и программ, и много другой полезной информации. (Страница рассылки) Ну и последняя новость – это создание Клуба Успешных Проектов, на котором мы периодически обсуждаем пользовательские интерфейсы различных веб-сайтов, программ и устройств и помогаем их создателям сделать их более юзер-френдли :) Подводя итоги года, можно сказать, что планы, которые я ставил в прошлом году, выполнены полностью! На будущий год я планирую: развивать программу вебинаров, развивать Клуб Успешных Проектов, продолжать профессиональные исследования в рамках проекта ”Ю-ревью”, сделать регулярную интернет-передачу, посвященную проектированию эффективного взаимодействия между пользователями и интерактивными компьютерными продуктами, доработать методику проектирования для небольших проектов, чтобы сделать наши услуги более доступными для маленьких компаний.   В будущем году желаю всем побольше интересных и успешных проектов, счастливых заказчиков и пользователей, развития как в личном плане, так и в бизнесе! Спасибо всем, с кем мы уже поработали и ещё поработаем вместе. Надеюсь на плодотворное сотрудничество в будущем году.     ПОЛЕЗНОЕ       (3) Отчёт об исследовании эффективности взаимодействия пользователей с веб-сайтами. Мобильные операторы. Личный кабинет. PDF файл, 92 страницы, описано около 70 ошибок проектирования, цветные иллюстрации. Закачать →     (4) Видео-курс "Золотые правила создания успешных веб-сайтов". CD-диск, видео-запись высокого качества, продолжительность: 2 часа, содержит 170 слайдов и запись голоса ведущего. Оцените качество записи: демо ролик* (.mov файл, 6,4 Mb) Цена: 500р. – для всех. Цена: 300р. – для Вас, промо-код: present4u Заказать →     АНОНСЫ МЕРОПРИЯТИЙ   (5) Ближайшие тренинги     Тренинг "Золотые правила создания успешных веб-сайтов" – 3 часа 26 января 2011 // Сити Класс     Тренинг "Процесс проектирования пользовательских интерфейсов " – 2 дня 11–12 февраля 2011   Другие тренинги будут включаться в расписание по мере формирования группы, присылайте заявки.     С уважением, Кузнецов Артём Директор проекта "U-expert" www.uexpert.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="Войти"> <!--</a>--> <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 class="gray_bg register_shadow"></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}