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