Комментарии 41
НЛО прилетело и опубликовало эту надпись здесь
Деревяшка это огромный баннер, который анонсирует разные события в компании. То есть он будет меняться часто, включая текстуру.
В данном случае приложение приложение для заказа суш, готовящихся на деревяшках :) Хотя тут вопрос, конечно, к дизайнерам.
Деревяшка символизирует подставку под суши, как я понял.
1024x768 не поддерживается, что обидно. Менюшки сделаны не особо грамотно — достаточно провести по пунктам быстро несколько раз подряд и увидеть это. Блоки как-то сливаются с фоном (может границы или тени поставить?) Ну а в целом довольно симпатично :-)
Телефон в шапке еле нашел…
Никаких заумных фраз и маркетинговых лозунгов в меню. Например, «Вакансии», а не «Ищем сотрудников».
И тут же какой-то «Пресс-рум».
И тут же какой-то «Пресс-рум».
Думаете лучше «Для прессы»?
Да.
Ваши новости часто печатают в СМИ? Зачем этот раздел?
На главной вы рекламируете себя — «мы», «наши», «компания профессионалов»… Меня как клиента интересует как вы решите МОИ проблемы и какие рекомендации у вас есть. Я бы сделал тект типа «Решение ваших задач, рекомендации наших клиентов: Яндекса, Гугляндекса и Бингяндикса». Как-то так.
На главной вы рекламируете себя — «мы», «наши», «компания профессионалов»… Меня как клиента интересует как вы решите МОИ проблемы и какие рекомендации у вас есть. Я бы сделал тект типа «Решение ваших задач, рекомендации наших клиентов: Яндекса, Гугляндекса и Бингяндикса». Как-то так.
А в чем вайерфреймы рисовали?
А какие метрики будете замерять, что бы понять улучшили сайт или ухудшили?
На мой взгляд это самая важная вещь в любом проектировании интерфейса — проверить готовый сайт в динамике.
Примерный план:
— повторное качественное юзабилити тестирование нового сайта, на тех же задачах что и старого.
— анализ карты кликов, карты путей по сайту, показателя отказов, времени на сайте, глубины просмотра. У нас есть два года Google Analytics статистики по старому сайту, есть что сравнивать.
— поисковые запросы. Очень жаль что поиска раньше не было :( Но теперь мы сможем узнать, что разных пользователей интересует на сайте, по статистике запросов.
Примерный план:
— повторное качественное юзабилити тестирование нового сайта, на тех же задачах что и старого.
— анализ карты кликов, карты путей по сайту, показателя отказов, времени на сайте, глубины просмотра. У нас есть два года Google Analytics статистики по старому сайту, есть что сравнивать.
— поисковые запросы. Очень жаль что поиска раньше не было :( Но теперь мы сможем узнать, что разных пользователей интересует на сайте, по статистике запросов.
Если стоит задача получить количественную оценку, то нужно мерить. Если нет, то экспертного заключения достаточно
Новый дизайн намного лучше текущего. Всё сделано по последней моде: большая красочная шапка с ротатором, крупные заголовки, страница разбита на тематические блоки,…
Несколько комментариев:
— В меню первая ссылка «Портфолио» белого цвета (все остальные серые). Ховерное состояние?
— Мне кажется ссылка на английскую версию в правом верхнем углу слишком сильно бросается в глаза. Особенно по сравенению с темным «ru». На странице почти все ссылки синего цвета. Может стоит сделать «ru» белым, а «en» синим? Возможно тогда и подчеркивать её не нужно. Уже по цвету будет понятно что это ссылка.
— Я так понимаю картинка лупы в поле поиска это кнопка «Найти». Если так может сделать её больше похожей на кнопку? Сейчас не очень понятно это кнопка или просто иконка, обозначающее поле поиска.
— Текст на деревянном фоне «Заказ еды ...» можно подвинуть левее, выровнять по лейвой границе основного текста.
— Мне кажется пунктирную линию между заголовком «Заказ еды ...» и описанием можно убрать. Чуть ниже есть похожий блок «Разработка программного обеспечения ...» и там нет бордера между заголовком и описанием. Да и все остальные линии под заголовками сплошные, а не пунктирные.
— Основной шрифт на странице «Myriad Pro». Возможно я ошибаюсь, но очень похож. Чтобы использовать такой шрифт на сайте нужно как-то внедрить его на страницу. Может быть это и не проблема, но такой нюанс есть. Есть другой момент. Если в браузере не выставлено сглаживание шрифтов Myriad Pro выглядит очень некрасиво. Если пользователи, у которых не сглаживаются шрифты — не целевая аудитория, то можно пропустить этот пункт :)
А вообще отличная работа! Будет интересно посмотреть на внутренние страницы.
Несколько комментариев:
— В меню первая ссылка «Портфолио» белого цвета (все остальные серые). Ховерное состояние?
— Мне кажется ссылка на английскую версию в правом верхнем углу слишком сильно бросается в глаза. Особенно по сравенению с темным «ru». На странице почти все ссылки синего цвета. Может стоит сделать «ru» белым, а «en» синим? Возможно тогда и подчеркивать её не нужно. Уже по цвету будет понятно что это ссылка.
— Я так понимаю картинка лупы в поле поиска это кнопка «Найти». Если так может сделать её больше похожей на кнопку? Сейчас не очень понятно это кнопка или просто иконка, обозначающее поле поиска.
— Текст на деревянном фоне «Заказ еды ...» можно подвинуть левее, выровнять по лейвой границе основного текста.
— Мне кажется пунктирную линию между заголовком «Заказ еды ...» и описанием можно убрать. Чуть ниже есть похожий блок «Разработка программного обеспечения ...» и там нет бордера между заголовком и описанием. Да и все остальные линии под заголовками сплошные, а не пунктирные.
— Основной шрифт на странице «Myriad Pro». Возможно я ошибаюсь, но очень похож. Чтобы использовать такой шрифт на сайте нужно как-то внедрить его на страницу. Может быть это и не проблема, но такой нюанс есть. Есть другой момент. Если в браузере не выставлено сглаживание шрифтов Myriad Pro выглядит очень некрасиво. Если пользователи, у которых не сглаживаются шрифты — не целевая аудитория, то можно пропустить этот пункт :)
А вообще отличная работа! Будет интересно посмотреть на внутренние страницы.
— да это ховер
— спасибо, ценное замечание скорее всего исправим. Выделяется потому что мы разнесли e-legion.com (локаль определяляась по кукам) на два сайта e-legion.ru и .com, те кто по привычке ходили на .com должны быстро понять как попасть на русскую версию.
— да это кнопка, у нас есть задачи на поиск в тестировании, проверим на тестируемых.
— баннер про еду — не настоящий, в жизни будут другие, передам пожелания дизайнерам.
— Myriad решили заменить PTSansRegular через font-face.
Спасибо за отзыв! Внутренние страницы раскроем уже на готовом сайте, с полным отчетом по проектированию :)
— спасибо, ценное замечание скорее всего исправим. Выделяется потому что мы разнесли e-legion.com (локаль определяляась по кукам) на два сайта e-legion.ru и .com, те кто по привычке ходили на .com должны быстро понять как попасть на русскую версию.
— да это кнопка, у нас есть задачи на поиск в тестировании, проверим на тестируемых.
— баннер про еду — не настоящий, в жизни будут другие, передам пожелания дизайнерам.
— Myriad решили заменить PTSansRegular через font-face.
Спасибо за отзыв! Внутренние страницы раскроем уже на готовом сайте, с полным отчетом по проектированию :)
А можно взглянуть на дизайн первой версии?
Скриншот слева же. Голубой такой.
Вот самая первая версия 2005 года, если я правильно понял.
<img src='http://leprastuff.ru/data/img/20110601/thumb_d98085461fa16e9ece7485232a6ccf87.png' width=«420»'>
<img src='http://leprastuff.ru/data/img/20110601/thumb_d98085461fa16e9ece7485232a6ccf87.png' width=«420»'>
Отличный сайт и очень интересный опыт, спасибо! Больше бы подобных статей по UI Design…
PS Ротатор не нравится, но это моя субъективная нелюбовь к шапкам-ротаторам
PS Ротатор не нравится, но это моя субъективная нелюбовь к шапкам-ротаторам
Новое оформление стало намного приятней. Несколько замечаний:
1. Не совсем понятно почему «Социальные сети» подчеркнута, а «Стартапы» нет? Или ссылки подчеркиваются только при наведении указателя мыши?
2. Пунктир в заголовке в банере, мне кажется, может сбить с толку. Такое ощущение, что это псевдо ссылка.
1. Не совсем понятно почему «Социальные сети» подчеркнута, а «Стартапы» нет? Или ссылки подчеркиваются только при наведении указателя мыши?
2. Пунктир в заголовке в банере, мне кажется, может сбить с толку. Такое ощущение, что это псевдо ссылка.
Мне кажется у вас проблемы на одном из проектов: www.reget.com/esupport/index.php?languageid=5&group=russian
А я что-то так и не понял кто дизайн рисовал, но мы заказывали дизайн сайта в ноябре-январе и одним из вариантов дизайна был именно такой с доской этой :) Если сейчас найду где-нибудь макет в истории — выложу.
Делать фон в шапке текстурой — не очень гибкое решение. Придется либо:
— грузить очень широкие картинки, чтобы на разрешении full hd и выше фон резко не обрывался;
— репитить этот бэкграунд, но тогда нужно подобрать текстуру так, чтобы не было видно швов;
— после какой-то ширины обыграть переход текстуры по бокам в однородный фон.
Сейчас шов в шапке находится за айфоном. Хорошо придумали, но в другом слайде может и не прокатить :)
— грузить очень широкие картинки, чтобы на разрешении full hd и выше фон резко не обрывался;
— репитить этот бэкграунд, но тогда нужно подобрать текстуру так, чтобы не было видно швов;
— после какой-то ширины обыграть переход текстуры по бокам в однородный фон.
Сейчас шов в шапке находится за айфоном. Хорошо придумали, но в другом слайде может и не прокатить :)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Проектируем интерфейс главной страницы