29 заметок с тегом

сайты

Ctrl +  Позднее

Бедный песик?

9 июня 2009, 3:58

Предыдущая история про сбитую собаку, особенно моя фраза о том, что машину жалко больше, вызвала волну комментариев примерно такого содержания: «Жестокий...», «Я в шоке...», «Жалко песика, всего лишь груда металла, а тут живое существо...». Жалко собачку? Конечно, жалко, не изверг же я. Только хочется спросить, а не слишком ли громкие эпитеты для общества, которое каждый день убивает миллионы животных, чтобы покушать колбаски? И убивает не самым гуманным способом. Маленькие телята, цыплята, поросята тоже милейшие создания, я вас уверяю. Если вы не видите этого каждый день, это не значат, что они не умирают в муках (или не в муках, это не важно, для собаки тоже все закончилось в одно мгновение). И колбаса, по-вашему, из духа святого сделана? (понятно, что не из мяса, но оставим колбасу, как привычный пример). А сколько собак ежедневно отлавливают и усыпляют, а часто просто в канавы сбрасывают? Я же не убиваю собак и других животных для развлечения, чтобы потешить свои извращенные инстинкты. Это был несчастный случай, которого я не мог избежать. И он мог привести к гораздо более серьезному ДТП, где бы уже пострадали не только животные. Что это, если не двойные стандарты во всей красе? Сначала станьте убежденными вегетарианцами, прекратите выбрасывать на улицу и истреблять животных, которых же сами сначала приручили, прекратите их кастрировать (это тоже, знаете ли, не очень гуманно), а потом уже обвиняйте меня в том, что мне мою машину, которая теперь требует кучи потраченного времени, жалко больше, чем сумасшедшую дворовую собаку, убитую в результате несчастного случая.

Поиск на авторамблере

17 марта 2009, 18:31

Фильтр поиска на странице Авторамблер. autorambler Потрясающая находка — сделать картинки с кузовами машин «вид сверху». Ведь так приятно, что сверху машины практически не отличаются — можно нарисовать только одну картинку. Это еще и очень логично, ведь большинство смотрит на машины с высоты 10-го этажа. Странно только, что вид снизу не использовали, там-то вообще все одинаковые. universal — универсал, да.

Процесс создания сайта Scala Rider

10 марта 2009, 19:46

Как и обещал, расскажу, как мы создавали сайт для блютус-гарнитур скала райдер. О результате я писал 5 февраля. Процесс рассмотрен только на примере главной страницы, хотя на самом деле речь всегда идет о нескольких основных. Также я опустил некоторые незначительные итерации. Первый эскиз: main1 Арт-директор — дизайнеру: — Очень неплохо. Давай попробуем цветовую дифференциацию для гарнитур, как у них в печатном каталоге; — Логотип Кардо перетягивает на себя все внимание — это неправильно; — Контакты в меню лишние: и так уже есть в хедере и в футере (да и еще в разделе Компания); — Мне не нравится, как сверстаны Статьи и новости. Да и место слишком много занимают.   Вариант 2: main1_1 Арт-директор — дизайнеру: — Ценники сверстаны неудачно: непонятно к какой гарнитуре относятся, особенно при большом разрешении; — Цвета мне тоже не нравятся, да и непонятно, как с ними на других страницах жить; — Клиент сказал, что у него появится классное видео — давай попробуем сделать его главным элементом страницы; — По структуре что-то у нас неправильно. Сейчас мы такаем посетителю в нос проводами, в то время как сразу должны рассказывать о возможностях; — Надо как-то обозначить, к каким видам спорта применима. Посетитель прежде всего себя ассоциирует с видом спорта. Давай попробуем картинки небольшие и подписать их.   Вариант 3:   main21 Арт-директор — дизайнеру: — Здорово. Только теперь получается, что фильтр (возможности, модели, помощник) превратился в самый главный элемент навигации, а меню вообще никому не нужно. Смотри, меню можно сильно упростить. Компания остается. Модельный ряд у нас и так есть в моделях — убираем. Где купить давай напишем под телефоном в плашке. Новости и статьи засунем в раздел Компания (на главной и так есть ссылки). Фото и видео уберем: все равно у Заказчика нет никаких материалов; — Иконки из правого угла надо убрать. Карту сайта перенеси в футер, а главная — это логотип; — Полосу красную надо убрать — она не нужна будет, как и надпись Твой скала райдер; — Слушай, мне не нравится красный. Он агресивен и ничем не обоснован. Давай оранжевый попробуем.   Вариант 4:  main3 Арт-директор — дизайнеру: — Супер! Отлично. Ничего лишнего, все акценты правильно расставлены; — Только колонки справа и слева от видео плохие.  Давай выровняем по верхней границе. И добавь абзац про возможности, а то не совсем понятно.   Вариант 5: main4 Арт-директор — дизайнеру: — Все-таки картинки не на своем месте. Давай их наверх перенесем. Они должны встречать посетителя. И давай сделаем, чтобы подписи с коротким описанием появлялись просто при наведении мышки. Как у Меги.   Окончательный вариант:  main61

Эскизы сайта Dapple Grey

7 марта 2009, 4:13

Первые эскизы сайта Dapple Grey: dg_news dg_portfolio

Сайт умного дома

2 марта 2009, 22:34

Пишет Максим Глоков: «Добрый вечер! Наткнулся на ваш персональный сайт, sinelnikov.name. Понравилась критика сайта про живое пиво (хотя про phpBB я не согласен, но это субъективное мое мнение). Не могли бы вы оценить мой сайт с точки зрения юзабилити и дизайна? 1. HoSm - http://hosm.ru/ - Умный Дом своими руками. Здесь я пытался максимально отказаться от использования графики. В идеале хотелось бы только 2 графических элемента - логотип и favicon. Но сейчас еще тени блоков реализуются с помощью картинок. Пытался сделать минималистический дизайн, который бы не надоедал и не препятствовал воспринятию контента.» Пока рецензия ждала своей очереди, на сайте успели произойти изменения. Было: hosm_old1 Стало: hosm_new Стало чуть-чуть лучше, но основных ошибок изменения не затронули.
  1. Обязательно надо выделять ссылки, по сравнению с остальным текстом. Лучшие дизайнеры считают, что любая ссылка, за редким исключением, должна быть подчеркнута. Это уже стандардт де-факто, и если нет каких-то веских причин, чтобы этого не делать, то это надо делать. Также помогает выделение цветом.
  2. Зачем нужно второе меню, да еще и подписанное «навигация», почти полностью копирующее горизонтальное? Если сразу не понятно, что это навигация, значит, это очень плохая навигация. Этот блок нужно вообще выбросить.
  3. В подменю «софт» всего один элемент, значит, нет необходимости делать каталог. Также, как не надо делать нумерацию или ставить буллиты, если в списке единственный элемент.
  4. Рамочки, рамочки, рамочки. Если даже убрать их все, читаемость текста не пострадает, а только улучшится, потому что станет меньше мусора. Структурированности добиваются размещением информации по четкой сетке.
  5. В списках в верху страницы буллиты перетягивают на себе все внимание и никак не способствуют удобству чтения. Надо сделать их меньше, поставить ближе к тексту, а в конце предложения ставить либо точку, либо точку с запятой. А еще лучше вместо буллита использовать длинное тире «—».
  6. Газета. Если «Автоматизация зданий для всех» — это ее название, то не надо каждый раз его писать, достаточно вынести в заголовок. Лучше около тире ставить неразрывные пробелы, чтобы не переносилось название на другую строку.
  7. «Умный дом … у вас в квартире». Кроме того, что это неграмотно (по-русски многоточие не отделяется пробелом от предшествующего слова), это еще и глупо. Какой смысл тут передан? «Умный дом… [внимание! театральная пауза! о-па! сюрприз] — у вас в квартире [ни хуя ж себе! дом! — в квартире! умный! кто бы мог подумать?!]»
  8. Надо определиться, как писать «умный дом» — в кавычках или нет. В любом случае, всегда одинаково.
Вывод: несмотря на некоторые ляпы, стоит похвалить автора за стремление к минимализму и преобладанию смысла над дизайнерскими изысками.

Трудности орфографии

27 февраля 2009, 5:51

Промо-сайт «Даниссимо» наверняка стоил несколько тысяч долларов. Может быть даже несколько десятков тысяч. Но никто не заметил на главной странице такой орфографической ошибки. И никто не рассказал дизайнеру, как ставить тире. Также дизайнеру никто не сказал, что бутылка и упаковка не могут находится рядом в разных плоскостях. danisimo Спасибо за ссылку Рашиду Юнисову.

Сайт знакомств 1618

20 февраля 2009, 2:17

Сайт знакомств 1618.ru. На первый взгляд, типичный сайт знакомств. Но 1618 содержит уникальный функционал, который очень привлекателен для многих, жаждующих найти свою вторую половину. На основании якобы серьезной научной программы любой человек может по 12 характеристикам проверить, насколько ему подходит другой человек. В результате сравнения получается коэффициент k. Чем он больше, тем лучше.  Задача сайта: привлекать как можно больше новых пользователей, мотивировать старых потреблять платные сервисы.

В чем залог успеха?

  1. В нестандартном алгоритме сравнения.
  2. В удобном интерфейсе.

На сайте 1618.ru совершены все возможные ошибки в интерфейсе и дизайне. А над идеями простоты Маэдзи дизайнер глумился особенно усердно.

1618.ru  

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

Чтобы только примерно представить о чем идет речь, надо прочесть весь текст, продираясь через чудовищную верстку и пустые фразы. Надо отфильтровать тонну мусора, только чтобы понять, зачем это все.

А должна быть отражена суть. В легкой и интересной форме.

Разберем главную страницу по косточкам:

Середина

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

  2. Два сердечка с красными крылашками-точка-1618-точка-ру. Класс.

  3. Текст про анкеты нечитаем. Группировка неправильна. Разряды цифр надо разделять пробелами.

  4. Что такое новые анкеты? За год? За день? За час? Насрать, что на мамбе так делают. Надо быть круче мамбы.

  5. Тикающий счетчик с родившимися  людьми — самый заметный и отвлекающий внимание элемент сайта. В любом случае, разряды надо разделить пробелами.

  6. Пустой а-ля поэтический абзац надо убрать ко всем чертям. Я не за этим пришел.

  7. Основной текст написан и сверстан так ужасно, что перечисление ошибок займет еще страницу: смысл, орфогрфия, пунктуация, верстка — все плохо.

  8. Информация про золотое сечение очень интересна — надо ее красиво подавать и на нее делать ставку. Можно привести больше примеров.

  9. Коэффициент и правила его расчета — самое важное. Надо гораздо четче и подробнее рассказать о правилах расчета. Но это не значит — длиннее. Иначе, выглядит как полное разводилово.

Левая колонка
  1. Не место контактам и ФАКу в блоке авторизации/регистрации. Какой процент переходит по этим ссылкам? 0,00001? Не только место тратиться, но и восприятие усложняется.

  2. «По 100 Золотых. Каждому!» Ни хуя себе. А я думал только избранным и только по четвергам.

  3. Баннер тошнотворен и ничитаем.

  4. Лидеры сайта — идея правильная. Только надо делать ссылками, чтобы мне хотелось кликнуть (там и так есть эта функция, только неочевидная).

  5. Что за топ телефонов? Нельзя так мусорить на главной. И так тошно уже.

Правая колонка
  1. Эти рекламные блевотные баннеры, оказывается, не реклама, за которую заплатили, а функции сайта, просто так мудацки оформленные. Так плохо и с такими граматическими ошибками даже в 2000 году уже не делали. Просто стыдно.

  2. Идея «как я нашел свою половинку» правильная. Но не с кретинской версткой, не с длиннющими текстами, не с уебищным «подробнее».

Внутри сайт не многим отличается от главной страницы. Немыслимое количество ссылок-функций, теснящихся слева. Даже опытный пользователь растеряется, куда он попал и что тут нужно и можно делать. Ужасно неудобный и сложный интерфейс. Вывод: идея отличная. 1618 может стать реальным конкурентом многочисленным сайтам знакомств. Оригинальная идея, правильный мотив, налет научности, богатый функционал. И все это напрочь убито ужасным интерфейсом. Он становится реальным препятствием к тому, чтобы постоянно пользоваться сайтом. Сюда не хочется возвращаться. Самое ужасное, что это касается и людей, которые редко садятся за компьютер, — они просто не разберутся, и людей опытных — они потянутся к более удобным и дружественным интерфейсам.

Сайт «работа за 5 шагов»

19 февраля 2009, 19:32

Сегодня по просьбе Ольги подробно разбираем ошибки сайта www.jobin5steps.ru. Задача сайта - помочь встретиться работникам и работодателям в географической близости друг от друга. jobin5steps1 Главная страница
  1. Кнопка "подробнее" появляется на пару секунд (кажется даже в разных местах) и не может служить элементом навигации: либо она должна все время быть на одном месте, либо надо баннер весь делать ссылкой, либо вообще убрать ссылку с флешки, оставив навигацию только за меню (которое и так продублировано вверху и внизу). Мне последний вариант нравится больше всего.
  2. Огромная плашка вверху мне не нравится: и места много занимает и эстетически выглядит не очень приятно (и не очень понятно, что это схема). если убрать самые верхние полосочки, будет уже лучше (подвинуть все наверх).
  3. "Найди работу рядом с домом" надо написать без такой межбуквенной разрядки.
  4. Обязательно надо убрать мигающее красное пятно. После 3 минут, проведенных на сайте, хочется головой начать в него биться.
  5. Надо обязательно убрать плашку под основным меню. там нельзя мусорить!!  
Навигация
  1. Вопрос с навигацией не решен как следует. Один из главных принципов - однозначность местоположения. Посетитель должен все время понимать, где он находится. однако, есть много страниц, которые никак не связаны с меню: http://www.jobin5steps.ru/employers/ http://www.jobin5steps.ru/together/ и так далее. Шаги, раз это такая фишка, надо четче выделять - чтобы было очевидно, где шаги, а где нет. 1-2-3-4-5.
  2. Двигаясь по шагам, не меняется адрес страницы.
  3. У меня сомнения, что нужно внизу дублировать навигацию. лучше там написать контактную информацию.
  4. Если я пропускаю шаг в работодателях, то все равно на ту же заявку попадаю что ли? логика тогда в шагах?
  5. То, что с легкостью можно пропускать шаги наталкивает на мысль, что все это только ради того, чтобы мыло спереть.
Страницы
  1. Многие страницы не влезают во фрейм (когда, например, на 3 шаге находишься)
  2. Не нужно бояться вертикальной прокрутки - это самое естественное действие для пользователя! Не надо стремится все уместить на один экран (который у всех может быть разный).
  3. Раздражает, что внизу что-то крутится все время.
  4. То на Вы с большой буквы обращаетесь, то на ты. Определитесь, с кем вы разговариваете.
  5. "С Компанией" - не надо с большой буквы писать.
  6. Можно отправить пустую заявку.
Соискателям
  1. А я вот не знаю, Бутово - это какой округ? Что ж мне все списки листать? Должен быть альтернативный способ выбора.
  2. При выборе файла в поле написано "Фай...ран"
  3. В опыте работы не надо делать этот убогий скролл, не надо фиксировать страницу по вертикали!
Наши возможности
  1. Хотелось сделать модную страницу типа "облако тегов", но получилась просто верстка вразнобой.
Контакты
  1. Выглядят очень несолидно. Надо постараться избавиться от персонального имени с персональным мобильным и сделать нормальный адрес вместо г.11.
Несмотря на внушительный список замечаний, сайт не так уж плох. В нем есть четко прослеживающаяся идея, что уже ценно! Если устранить все эти недостатки (и некоторые чисто программные ляпы), будет почти хорошо.

Сайт «Два мига»

16 февраля 2009, 15:59

Компания "Два мига" - крупнейшее рекламное агентство, размещающее рекламу на транспорте Москвы. 2miga
Ctrl +  Ранее