44. Детский мир, чертежи интерфейса 2 Все элементы интерфейса, их форма, размеры и расположение - результат детального проектирования пользовательского интерфейса
50. Бильярд > Персонажи Мы начали с самого главного – с посетителей. Кто они, сколько им лет, какие у них привычки? Зачем заходят они на сайт? Мы придумали кучу разных героев – персонажей. А потом выбрали из них наиболее характерных. Не для абстрактного «Пользователя», а именно для них, для ключевых персонажей мы будем проектировать интерфейс.
52. Бильярд > Потребности Что потребуется нашим персонажам при выполнении их сценариев? Какой им понадобится функционал и контент? Что действительно важно, а на что не стоит тратить ресурсы?
53. Бильярд > Схема навигации У каждого персонажа свои задачи и способы их достижения, описанные в сценариях. У каждого свои потребности в инструментах и информации. Как сделать портал удобным для них всех? На этом этапе мы увязывали всё это хитросплетение интересов в одно целое.
54. Бильярд > Структура Настало пора распределить наши страницы по разделам сайта. «Порядок превыше всего!» Тут мы в полный рост привлекали статистику использования нашего сайта.
55. Бильярд > Эскизы экранов После тщательной проработки предыдущих этапов эскизы страниц рисовались легко и просто. Мы рассматривали разные варианты и придумывали их ещё лучше!
56. Соц. сеть «Мой мир» > Результаты опроса Для того, что бы выяснить что чаще всего используется людьми в социальных сетях, было проведено два интервью-наблюдения за действиями пользователей и произведён интернет-опрос 38 человек.
Основным вопросом при проведении опроса был следующий: «Какими ты соцсетями (одноклассники, в контаке, мой мир на мэйле.ру,…) пользуешься. Что в них используешь, что из используемого нравится, а что – нет». Если респондент не полностью отвечал на вопрос, то задавались уточняющие вопросы.
В ходе обработки данных выяснилось, что респонденты составили примерно три равные группы. В таблице ниже группы обведены овалами:
57. Соц. сеть «Мой мир» > Общая компоновка Изучение системы проектов Mail.ru выявило ряд недостатков в навигации, для устранения которых в рамках проекта «Мой мир» было разработана общее компоновочное решение.
Трёхколоночная вёрстка, используемая в настоящее время, позволяет разделить блоки, ориентированные на разную информацию. Первая колонка, залитая оранжевым цветом предназначена для рекламы других проектов Mail.ru. При переходе с этих блоков пользователь попадает в разделы проектов, которые не содержат его собственный контент. Вторая колонка покарашена в зелёный цвет. При клике по элементам этой полосы пользователь остаётся в текущем проекте (Мой мир). Третья, синяя полоса предназначена для доступа к пользовательской информации в других проектах, таких как «Фото», «Видео» и т.д. Такое компоновочное решение позволит упорядочить систему навигации и устранит путаницу в переходах.
58. Соц. сеть «Мой мир» > Приоритеты блоков Для производства подробной компоновки были использованы результаты обработки информации. Они были сведены в таблицу для определения приоритетов блоков.
Приоритет каждого блока складывался из частоты его использования, а также из количества упоминаний о нём в таблице Плюсов и минусов, высказанных пользователями.
60. Соц. сеть nabiraem.ru > Персонажи Экстремальное юзабилити-проектирование с командой Владимира Владимировича Шахиджаняна Соло на клавиатуре онлайн. Кто наши пользователи? Какие у них цели? Надо было ответить на эти вопросы, придумав нескольких персонажей — моделей пользователей.