Слайд 1Веб-юзабилити
или как добиться качественного результата?
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 2http://usable.ru
Методика создания сайта с высокими параметрами usability-свойств
Подход к созданию сайта, как
                                                            
                                    к процессу
Учет web-usability на всех этапах проекта
Внимание к мелочам
                                
                            							
							
							
						 
											
                            Слайд 3http://usable.ru
Основные этапы проекта
Определение целей и задач web-проекта
Определение ресурсов и планирование
Выбор платформ,
                                                            
                                    технологий  и инструментария
Формирование концепции сайта
Проектирование сайта и постановка задачи на разработку
Критерии оценки результата
Развитие и оптимизация созданного сайта
                                
                            							
														
						 
											
                            Слайд 4http://usable.ru
Web-Usability: спектр решаемых задач
Доступность информации
Функциональность
Учет эстетических норм
  =
Комфортность среды
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 5http://usable.ru
Web-Usability: критерии оценки
  Доступность
  Целостность
  Логичность
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 6http://usable.ru
Определение целей и задач проекта
«Кто не знает, куда направляется, очень удивится,
                                                            
                                    попав не туда»
						Марк Твен
                                
                            							
														
						 
											
                            Слайд 7http://usable.ru
Анализ сегментов ЦА
Как помочь пользователю сайта решить его задачу?
Как решить задачи
                                                            
                                    стоящие перед сайтом?
                                
                            							
														
						 
											
                            Слайд 8http://usable.ru
Возможные задачи
Поддержка продаж
Продажа товаров
Продажа услуг
Развитие партнерских отношений
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 9http://usable.ru
Возможные группы пользователей
Потенциальные покупатели
Постоянные покупатели
Партнеры
Сотрудники компании
Представители СМИ
Конкуренты
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 10http://usable.ru
Выявление инфобитов
Представитель сегмента: кто он,  какой он. Принимает или готовит решение?
Интересы
                                                            
                                    представителя в формате решаемых задач. Т.е., например, интерес к репутации компании, а не к тексту «отзывы».
Предположения, как представитель может реализовать свой интерес. (А вот здесь можно и про отзывы написать.)
Интересы компании в отношении представителя в формате решаемых задач: продать, запомниться, мотивировать позвонить и т.д.
Предположения, как реализовать интересы компании. Например, расположить номер телефона в верхней части страницы.
                                
                            							
														
						 
											
                            Слайд 11http://usable.ru
Анализ существующих на рынке решений
Поиск и анализ сайтов схожей тематики
Анализ применяемых
                                                            
                                    подходов популярными сайтами
Определение востребованных, но не представленных на рынке решений
                                
                            							
														
						 
											
                            Слайд 12http://usable.ru
http://www.archive.org
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 13http://usable.ru
Sun.com [июнь 2002г] (пример ассоциативной рубрикации)
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 14http://usable.ru
Sun.com [сентябрь, 2003г] (пример ассоциативной рубрикации)
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 15http://usable.ru
Структура материалов и сервисов
Принцип подобия
Группировка инфобитов на основе 
анализа ЦА
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 16http://usable.ru
Определение ресурсов и планирование
Анализ технических требований
Планирование поддержки и развития сайта
Построение взаимодействия
                                                            
                                    заказчик-исполнитель
Построение взаимодействия специалистов-исполнителей
                                
                            							
														
						 
											
                            Слайд 17http://usable.ru
Пиковые нагрузки
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 18http://usable.ru
Avtodom.ru: форум
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 19http://usable.ru
Построение взаимодействия
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 20http://usable.ru
Разделение ролей
                                                            
                                                                    
                            							
														
						 
											
											
                            Слайд 22http://usable.ru
Voodooarts.narod.ru
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 23http://usable.ru
Выбор платформ, технологий и инструментария
Доступность для пользователей
Отчуждаемость
Стоимость разработки и внедрения
Стоимость поддержки
                                                            
                                    и развития
                                
                            							
														
						 
											
                            Слайд 24http://usable.ru
Пример использования FLASH
                                                            
                                                                    
                            							
														
						 
											
											
                            Слайд 26http://usable.ru
1С-Bitrix: управление сайтом
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 27http://usable.ru
Основные преимущества
Комплексное решение 
Безопасность
Многосайтовость
Технология обновлений SiteUpdate
Документация, исходные тексты
Поддержка
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 28http://usable.ru
Результат работы над концепцией сайта
Предложение по информационному наполнению и функциональности
Построение организационного
                                                            
                                    взаимодействия
Предложение по использованию технологий
Рекомендации по выбору инструментария и техническому оснащению 
Бюджет и сроки
                                
                            							
														
						 
											
                            Слайд 29http://usable.ru
Проектирование: пример подхода
Входная страница сайта:
О чем сайт?
Где вы?
Живы ли?
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 30http://usable.ru
Проектирование: пример подхода
Магазин
Как купить?
Как оплатить?
Как получить?
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 31http://usable.ru
Lenta.ru: пример поиска, 2003
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 32http://usable.ru
Lenta.ru: пример поиска, 2008
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 33http://usable.ru
www.ru: страница 404
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 34http://usable.ru
Yandex.ru: страница 404
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 35http://usable.ru
Ozon.ru: покупка
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 36http://usable.ru
Ozon.ru: покупка
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 37http://usable.ru
Ozon.ru: покупка
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 38http://usable.ru
Ozon.ru: покупка
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 39http://usable.ru
Ozon.ru: авторизация
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 40http://usable.ru
Tnd.ru: авторизация
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 41http://usable.ru
Результат работы над проектом
Постановка задачи на разработку: интерфейсы и алгоритмы
Задача на
                                                            
                                    дизайн, оформление
Задача копирайтеру
Рекомендации контент-менеджеру
Рекомендации тех.писателю
Бюджет и сроки
                                
                            							
														
						 
											
                            Слайд 42http://usable.ru
Дизайн (визуализация)
Существующие нормы
Опыт полиграфии
Особенности среды 
Масштабируемость
Дизайн - инструмент визуализации информации
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 43http://usable.ru
Оценка результата
Функциональное тестирование
Соответствие поставленным задачам
Usability-тестирование
Оценка сайта с точки зрения пользователя
Usability-экспертиза
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 44http://usable.ru
Пример-демонстрация разницы подходов к оценке
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 45http://usable.ru
Экспертиза: пример подхода
Организация документов сайта
Организация доступа к страницам сайта
Отображение документов и
                                                            
                                    средств доступа
                                
                            							
														
						 
											
                            Слайд 46http://usable.ru
Экспертиза: пример подхода
Ошибка – критично – желательно
Легко – средне – сложно
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 47http://usable.ru
Экспертиза: пример подхода
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 48http://usable.ru
Развитие и оптимизация созданного сайта
Статистика
Обратная связь
Оптимизация
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 49http://usable.ru
Baikal-media.com: ссылки под статьей, как результат анализа точек выхода. 87% vs
                                                            
                                    24%. 
                                
                            							
														
						 
											
                            Слайд 50http://usable.ru
Bitrix-статистика
Продукт позволяет:
выделить из аудитории сайта посетителей, пришедших на сайт в результате
                                                            
                                    конкретной рекламной кампании
сделать вывод об эффективности расходования денег в каждом конкретном канале рекламы
определить, правильно ли выбрано место и время для проведения рекламной кампании
использовать собранные данные, чтобы определить наиболее эффективный инструмент рекламной кампании
                                
                            							
														
						 
											
											
                            Слайд 52http://usable.ru
Сунь-цзы, гуру юзабилити
Если ты думаешь как все, ты уже ошибаешься. Все
                                                            
                                    думают по-разному.
Если ты думаешь за всех, ты опять ошибаешься. У каждого свои заботы.
Думай по-своему и за себя, но помни – 
не думая о других, ты прежде всего не думаешь о себе.
                                
                            							
														
						 
											
                            Слайд 53http://usable.ru
Семинары учебно-консультационного
центра «Группы Махаон»
Управление проектом по созданию сайта
Web-Usability
Семинары по CMS 1C-Битрикс
	http://www.usable.ru/
                                                            
                                                                    
                            							
														
						 
											
                            Слайд 54http://usable.ru
Удалов Андрей
C удовольствием отвечу на ваши вопросы.
	morua@usable.ru
	(495) 725 79 80