Глядя на Ro-Lu: пример использования

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

Далее следует диалог между дизайнерами Toptal Дарко Станимировичем и Кентом Мандлом, когда они изучают сайт Ro-Lu и обсуждают его эстетику, удобство использования и общий пользовательский опыт. (Примечание редактора: после обсуждения сайт изменил свой дизайн.)

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

Вот некоторые из центральных вопросов, которые задают: допустимо ли, чтобы визуальная эстетика занимала центральное место, жертвуя UX? Что этот сайт говорит другим дизайнерам о вызове статус-кво? Не зашло ли это слишком далеко?

Кент: Дарко, ты уже сталкивался с таким интерфейсом?

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

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

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

Интересный дизайн портфолио задуман как своего рода выставка, а не простой каталог работ.

Кент: Это неотъемлемое качество онлайн-портфолио некоторых дизайнеров, которое позволяет дизайну вырваться за рамки нормы?

Дарко: Веб-портфолио студий дизайна обычно делают дизайнеры, а не разработчики. Часто они понятия не имеют, как развивать сайт, но вольны думать о проекте по-другому. Как и сайт Ro-Lu, самые интересные онлайн-портфолио задуманы как своего рода онлайн-выставка в виртуальной галерее, а не как простой каталог работ.

Обычно дизайнер спрашивает: «Какова цель сайта? Какое впечатление мы хотим оставить у посетителей? Где мы будем собирать электронные письма? так далее." В этом случае создается ощущение, что нас приглашают на выставку, концептуально представляющую работу студии. Цифровой экран рассматривается дизайнером сайта так, как если бы это были комнаты и стены галереи или страница в глянцевом журнале, и мало внимания уделялось потребностям посетителя.

Кент: Как дизайнер может улучшить навигацию, не ставя под угрозу предполагаемый дизайн сайта?

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

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

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

Точно так же не очевидна возможность увеличения холста. Расположенные в верхнем левом углу кнопки слишком малы, чтобы их можно было заметить. Кроме того, после увеличения масштаба не так много визуально привлекательного, поэтому за это мало вознаграждения. Это слишком бесполезно, и посетители чувствуют себя еще более потерянными и не знают, что делать.

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

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

Частью дизайна этого портфолио является игра с ограничениями.

Кент: Оправдывают ли уникальные качества этого опыта недостатки эксперимента?

Дарко: Можно было бы сохранить концепцию свободного холста, сделав сайт более удобным для использования. Улучшение юзабилити не обязательно означает возврат к традиционному веб-макету каменной кладки. Основная проблема здесь в том, что пользователь вынужден отправиться в путешествие «открытий». Это ошибка. Это не то, что люди ожидают или готовы сделать при посещении веб-сайта.

Знакомство с этим сайтом сопряжено с определенными трениями — возможно, именно эти трения делают сайт таким уникальным. Тем не менее, я не думаю, что людей нужно «заставлять работать», чтобы получать удовольствие от веб-сайта. Слишком много разногласий может зайти слишком далеко, и посетители в отчаянии покинут сайт.

Кент: Могут ли благие намерения дизайнера сайта избавить продукт от его негативных качеств?

Дарко: Я действительно считаю, что многое из этого сделано намеренно и что случайность не является случайной, поскольку она напоминает тенденцию в графическом дизайне, называемую открытым контентом, которая уже давно популярна. Проблема здесь в том, что веб-дизайн — это не графический дизайн; это веб-дизайн .

Многие традиционные стандарты веб-дизайна отбрасываются для хорошо известных клиентов, и все это во имя экспериментов и желания быть «другими». Вместо того, чтобы сосредоточиться на том, чтобы представить его наиболее эффективным способом с лучшим UX, этот сайт представляет, как создатели думают о своей работе, своей практике и о том, как они хотят представить ее миру.

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

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

Кент: Хотя многое из того, что ставится под сомнение на этом веб-сайте, относится к типу контента портфолио, есть ли уроки, которые можно применить в целом к ​​веб-дизайну?

Дарко: Хотя проект портфолио по своей природе более гибкий, поскольку не всегда нужно доводить все до идеала, этот веб-сайт действительно показывает, что эксперименты в веб-дизайне возможны и что они необходимы.

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

Интернет по-прежнему имеет свои ограничения, но, на мой взгляд, веб-дизайнеры часто чувствуют себя из-за них слишком ограниченными. Этот сайт показывает, как начать расширять возможности, и его нельзя просто игнорировать как «вычурный сайт-портфолио», где дизайнер может делать все, что захочет.

Тогда возникает вопрос, как нам это сделать, не нарушая юзабилити?

Кент: Часто, конечно, сложно заново изобрести велосипед в рамках бюджета и сроков.

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

(Веб-сайт Ro-Lu был разработан Диланом Фракаретой и Эриком Прайсом. Фракарета, который в настоящее время является директором по дизайну в Музее современного искусства в Чикаго, раньше руководил независимой дизайнерской практикой, уделяя особое внимание дизайну для искусства, архитектуры, моды и культурных секторов. Прайс — графический дизайнер и программист, специализирующийся на цифровых медиа, публикациях и дизайне айдентики для искусства и культурных секторов.)

• • •

Дальнейшее чтение в блоге Toptal Design:

• Эвристический анализ для UX — как провести оценку юзабилити
• Разглагольствования против красивого дизайна
• Опыт — это все — Полное руководство по UX
• UX-тестирование для масс: сделайте его простым и экономичным