Главная страница

Первое впечатление

А также второе, третье, четвертое и пятое — отсутствует. Сайт абсолютно не производит никакого впечатления, как для всемирно-известной корпорации.

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

Шапка

Форма поиска

Есть форма поиса с фоновым текстом «Search microsoft.com». Это говорит нам о том, что если мы хотим найти что-то на этом сайте — вбиваем в это поле ключевое слово и нажимаем энтер||кнопку. С энтером все понятно. А вот кнопок обнаруживается уже две штуки. Первая, орудие Шерлока Холмса, лупа. Вторая — некая «Web».

Но подождите, мне же предлагали на майкрософт.ком искать! Что значит веб?

Это значит, что введенный в поле запрос будет отправлен в поисковую систему Bing, а там будут выведены результаты поиска… по всему Интернету.

Продвигать свою поисковую систему надо. И тогда логичней было написать не «Search microsoft.com» а «Type your keyword here».

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

Основное меню

Приятная неожиданность ожидает любителей кривых реализаций.

Допустим, я вижу это меню впервые. И захотелось мне кликнуть на «Windows», посмотреть че будет. Я кликаю, на мгновение вижу как выскакивает подменюшка и… тут же гаснет.

Потому что открывается меню по наведению, а если кликнуть — то закрывается. И выходит, что я навел и тут же кликнул.

Я ничего не имею против того, чтобы открывать меню, если навести на мышку. Я имею против того, чтоб оно закрывалось, когда я кликаю, желая открытия.

Менюшку я бы убирал только тогда когда курсор уже не находится на ее плоскости.

В самом меню черт сломает ногу, правый глаз, левый глаз и указательный палец на правой руке.

Основная часть

«0.066% людей получило трамву шеи, пытаясь получить Windows 7»

Делать вертикальный текст — дикость. Хоть сама компания и на западе, но не на Диком Западе, а в Силиконовой Долине. Поэтому так делать ей нельзя.

Блок с новостями.

Стрелочку-выдвигатель я бы разместил рядом со словом «News». А то «новости» во множественном числе, а в конкретный момент времени показывается только одна. Если кнопка «нажми на меня и что-то вылезет» будет рядом со словом «News», это будет логичней.

Сами новости достаточной несуразности и пугающей длинны в заголовке.

Не основное меню

Общую виртуальную сетку на которую разбит блок нарушает кривой список.

Конкретно — картинка к первому пункту. Этого можно было избежать:

• убрав картинку полностью (менее предпочтительно)
• подобрав картинку к каждому пункту (наиболее предпочтительно)
• сделав отступ слева больше у тех элементов списка, где картинка отсутствует

Рекламка

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

Засайтье

Сам попался в эту ловушку, граммотно поставленную криворуким дизайнером.

Что есть практически у каждого пользователя Интернета? Мессенджер.

Вспоминаем, как приходят новые сообщения в аське, если окно чата свернуто. Справа внизу выскакивает анимированное окошко — вначале тусклое, но в мгновение заполняется насыщенностью. Да и не только в аське так — много приложений инфомирует нас подобным образом.

А теперь внимательно посмотрите на этот участок (можете покрутить страничку вверх-вниз, наблюдая за картинкой):

Что произойдет, если страница в высоту помещается не вся и мы ее прокрутим? Справа внизу градиент будет… меняться от мерклого к насыщенному. Создается эффект всплывающего окошка. Возникает небольшой ступор.

Че за нах?

И хочеться в этот угол глянуть, обратить на него внимание.

И, конечно же, ничего полезного не увидеть.

Футер

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

Выводы

Уровень моей печали высокий, когда я заставляю себя смотреть на все это. Информация организована трудночитаемыми кучами. Затеряться в этом текстовом лесу слишком легко. Я понимаю, что у майкрософт множество направлений, но это все оправдания. Если дизайн и решает здесь поставленную задачу, то сформулирована она была криво — «втулить все, лишь бы никого не тошнило особо».

Да, меня не тошнит.

Но я разочарован.

Еще посты:

Дело в том, что вы можете получить бесплатный юзабилити-отчет по любому вашему сайту. Это позволит:

• Повысить количество подписчиков / продаж / кликов / любых других экшенов, приносящих вам прибыль
• Улучшить передачу и восприятие информации
• Улучшить юзабильность сайта в целом
• И много других вытекающих и очевидно полезнейших вещей

Хочу! Что делать?

• Упомянуть в приличном месте (в дневнике, блоге, на сайте) Самый Вебанутый Блог — http://rogovdm.ru. Ссылайтесь на что и как угодно — эту акцию или любой другой пост. Можете использовать картинку:

• Прислать ссылку с упоминанием и ссылку на сайт для изучения сюда: rogov.dmitry@gmail.com

И в течении двух календарных астрономических дня отчет с десятком советов будет у вас на имейле.

Для заинтересовавшихся в полных отчетах — милости просим в оплачиваемый вариант работы. Пишите, обсудим.

Еще посты:

Авторы зонтика — kaffeine.com.ua

Еще посты:

http://www.google.com/logos/index.html

В тему:

• OpenID, используя Google (0)

Существует небольшой трюк, позволяющий увеличить CTR ссылок. Небольшое исследование провел Turk Hit Box. В результате он увеличил CTR необходимых ему ссылок на 20%.

Что и как он сделал?

А добился он таких результатов используя элементы графики – небольшие иконки после ссылки.

В тексте это выглядит приблизительно  так. (кликнув на линк вы подпишитесь на мой блог и не пропустите ничего важного).

Скачать подборку (10 штук) подобных иконок [1.64 кб]

Действительно, этот несложный прием дополнительно выделяет ссылку и притягивает к ней больше внимание. Соответственно, растет кликабельность.

Еще посты: