Пересмотр Craigslist с акцентом на юзабилити

Craigslist, очевидно, одна из самых популярных websites в мире, и каждый месяц он обслуживает миллионы пользователей, размещать и просматривать объявления на сайте.

На момент написания этой статьи, Craigslist вошла в 28 самых посещаемых английском языке сайт в мире от Alexa.Несмотря на то, что Craigslist получает такое огромное количество трафика каждый месяц, он также критикуют за его дизайн, который, кажется, по крайней мере, 10 лет вне date.

Это очень простой дизайн также стал огромной частью Craigslist’ S брендинга, и это помогает сделать сайт запоминающимся и мгновенно recognizable.В результате, компания выиграла в некоторых отношениях от дизайна, что многие люди считают очень пп.За эти годы, как различные тенденции в дизайне приходят и уходят, Craigslist был нарушил тенденции и упорно поддерживается it’ с голыми костями approach.

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

С Craigslist, однако, это не так, потому что сайт может извлечь выгоду из улучшения удобства использования в нескольких областях.В мире дизайна, минимализм, который передает просто красота рассматривается как очень трудно достичь.Минималистский веб-сайты могут быть как привлекательный и легкий в использовании.Тем не менее, Craigslist’ с дизайном вряд ли считаться красивой, даже те, кто ценят сайты, которые состоят в основном из text.

Craigslist Homepage

В этой статье we’ возьму детальный взгляд на design layout __ и 3 | usability из Craigslist и указывают на некоторые области, где мы чувствуем изменения и улучшения возможны.Это только одно мнение о том, что можно сделать для улучшения сайта.Наша цель заключается в демонстрируют process оценки веб-сайт в определенных областях и определения конкретных улучшений, которые могут быть сделаны.Надеюсь, это поможет другим дизайнерам, которые пытаются оценить сайты самостоятельно или в clients.

Кроме того, мы надеемся начать discussion среди Smashing Magazine читатели в комментариях ниже по вопросам, поднятым в этой статье.Лучший способ улучшить удобство использования и дизайн любого сайта является listen для тех, кто использует веб-сайте, поэтому мы надеемся, что выCraigslist пользователей там будет поделиться своим мнением here.

Goals

Перед началом любой вид оценки, it’ Важно уточнить, что именно мы хотим достичь.В этом случае, наша цель в два раза.Во-первых, мы хотим, чтобы улучшение usability из Craigslist, сделав незначительные изменения, которые приведут к более позитивный общий опыт пользователя.Во-вторых, мы хотим создать дизайн и верстка, который подробнее последнюю date и приятно смотреть at.

Одним из главных внимание, что не может быть проигнорировано является узнаваемость бренда, что Craigslist развивалась в течение многих лет.Компания, очевидно, дорожит своей website’ единообразный вид с, что hasn’ T был обновлен (по крайней мере, не сильно сразу) на протяжении многих лет, и он держит этот подход не просто так.Сайт как большой и популярный, как Craigslist может легко пойти в любом направлении, он хотел с новым дизайном.Но, учитывая company’ S позицию по своей конструкции и признание уже на месте, it’ ясно, что резкое changes не realistic.

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

What’? Случилось с Craigslist

Перед тем, как предложить любые изменения, которые должны быть сделаны, let’ посмотрим на некоторые недостатки текущей website.

1.Дизайн Bland и Outdated

Как упоминалось ранее, и, как любой посетитель Craigslist уже знает, дизайн веб-сайта отсутствует визуальная appeal.

2.Вход в систему, регистрацию, и обслуживание счета труднее, чем Necessary

Craigslist добился успеха из-за огромного сообщества пользователей, он сумел построить.Согласно факт sheet, каждый месяц более 30 миллионов новых объявлений, размещенные на сайте, и более 12 миллиардов страниц рассматривается.При таком уровне активности, it’ ясно, что делает процесс создания учетной записи, входа в систему и управления счетом должно быть так просто, как это возможно.Однако в настоящее время сайт может быть улучшен в этих областях.Ненужные кликов, необходимых для ничего делать с учетной записью, а также варианты на счет страницы очень limited.

Login Page

3.Экран пространство не Prioritized

Один из вопросов, с текущей конструкции Craigslist странице, а также суб-страниц, является использованиеместа на экране.Ценное пространство экрана может быть использована более эффективно в некоторых областях для улучшения юзабилити website.

4.Navigation

Craigslist действительно сеть более мелких сайтов состоялось суб-доменов из Craigslist.org.Каждый суб-домен, представляющий фактическое местонахождение, имеет свой собственный совет объявления.В настоящее время более 550 городов в 50 странах мира представлены.С любого веб-сайта такого размера и такого количества контента, проблемы с навигацией будет существовать всегда.Некоторые аспекты навигации весьма эффективны на Craigslist, а другие оставляют места для improvement.

Для начала, нет навигации по меню, которое появляется последовательно в течение всего сайта.На некоторых страницах левой боковой панели, некоторые don’ T.Некоторые страницы были легко доступны из большинства областей веб-сайта, но не все.На многих вторичных страниц, огромное количество места на экране остается совершенно пустой с очень немногими навигационных возможностей.Это вынуждает пользователей, чтобы поразить “ Back” кнопки в своем браузере, чтобы пойти в другой раздел сайта, то, что может быть улучшено за счет добавления новых навигационных выбор на этих pages.

Listing Page

What’ с правой С Craigslist

Конечно, целый ряд вещей, также хорошо о существующем веб-сайте, и it’ S подходит только смотреть на них, как well.

1.Recognizable

Учитывая объем трафика по всему миру, что сайт получает, и внешний вид, который отличается от других сайтов, Craigslist является одним из самых узнаваемых веб-сайты в мире.Когда люди хотите разместить объявления в интернете, Craigslist, как правило, их номер один choice.

2.Ясность видения и Purpose

Часть красоту Craigslist является то, что оно существует, чтобы обеспечить местные объявления и форумы, и that’ S в принципе.Там aren’ та множество дополнений и опций, и нет никаких объявлений на сайте.Craigslist существуют, чтобы помочь людям найти то, что они ищут, и чтобы помочь людям найти других людей, которые хотят, что они есть, и он делает это лучше, чем кто-либо другой.Люди, управляющие Craigslist не отвлекаться на другие возможности монетизации или другие вещи, которые они могли бы сделать с сайтом, и они заслуживают похвалы за их придерживаться purpose.

3.Относительно легкий Ваши Process

Для веб-сайт, который зависит от их размещения объявления физических лиц, Craigslist делает процесс довольно прост и прост.На страницах сообщества, есть четко обозначены ссылки для размещения объявлений, а пользователи проходят через простой и эффективный процесс, как только они зашли Единственным недостатком здесь является то, что у вас есть, чтобы перейти от website’ домашняя страница с до местныхСтраница сообщества прежде, чем видеть ссылку на сообщениеclassified.

4.Страницы загружаются Quickly

Посетителя на сайт по достоинству оценят скорость загрузки страниц.Это особенно хорошо, как you’ повторного просмотра доска объявлений и посещение целого ряда различных страниц на website.

Проблемы Redesign

Прежде чем мы перейдем к специфике нашего предложения по изменению let’ посмотрим на некоторые из задач реорганизации сайт как Craigslist’ s.

1.Organization

There’ так много контента на Craigslist, с сотнями различных местных общин и много различных категорий объявлений.Любой веб-сайт с количеством содержания столкнется с проблемой организации с точки зрения структуры и navigation.

Clutter

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

2.Улучшение сайта не отвлекаясь от Brand

Есть целый ряд различных способов улучшить дизайн Craigslist и реорганизации представления данных, но и совершенствование конструкции не отклоняясь слишком далеко от текущих основных подхода, которые внесли огромный вклад в успех веб-сайта является основной проблемой.Создание более привлекательного дизайна и улучшения юзабилити оба очень достижимо, но при этом, сохраняя при этом суть компании и веб-сайт не так просто.Потому что Craigslist’ личность настолько тесно связана с веб-сайта в его нынешнем состоянии, тяжелые изменения в эстетике сайт может оказать существенное негативное влияние на company’ S success.

3.Улучшение юзабилити лишь с незначительными Changes

Потому что так много людей во всем мире используют Craigslist чтобы получить возможность отправлять объявления, и потому, что многие из них являются постоянными пользователями, любые изменения в процессе использования веб-сайта должны быть тщательно рассмотрены до стадии реализации.Даже если сайт отсутствует в некоторой области юзабилити, делая “ improvements” может негативно сказаться на пользователей, которые привыкли делать вещи, определенные way.

Регулярные пользователи знают, как работает сайт, и этот процесс, как правило, легко для них, даже если это isn’ T таким простым для новых пользователей.Потому что Craigslist так прочно и сообществом пользователей настолько велика, что улучшения удобства использования, что бы запутать постоянных посетителей и сделать его более трудно для них, чтобы использовать веб-сайт следует избегать на всех costs.

Предварительный просмотр предлагаемых Design

В остальной части этой статьи, we’ будем смотреть на детали предлагаемых изменений и почему they’ Re делается, но вот каркасное, которая будет служить отправной точкой предлагаемого дизайна.Каркасный включает в себя только верхнюю часть страницыи в оттенках серого.Предлагаемая цветовая схема будет обсуждаться позже, а сейчас у нас есть макет для работы.Столбцы показано здесь есть только несколько пунктов в списке, но они будут расширены в нижней части страницы.(Кликните на картинку для полноразмерного просмотра.)

Homepage

Следующее изображение предлагаемого заголовок для вторичных страницах.Это, по существу же, как заголовок на главной странице (что соответствует), но она включает в себя цепочку navigation.

Secondary Page Header

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

Secondary Page - Logged In

Оценка Design

Теперь, we’ ве определен контекст сайта, а также сильные и слабые стороны существующей конструкции, let’ S прыжок в особенности.We’ начнем с дизайна, а затем перейти в юзабилити issues.

1.Color

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

В попытке улучшить дизайн, некоторые изменения в цветовой схеме оправдано.Однако, чтобы сохранить идентичность сайте нетронутыми, мы won’ T добавляйте слишком много цветов или слишком большое разнообразие цветов.Вместо этого, we’ пойду с монохроматической цветовой схемой, состоящей из нескольких оттенков синего.Это даст сайту более привлекательный вид, не слишком драматические изме …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров

Comments are closed.