четверг, 7 июня 2018 г.

История нового дизайна Reddit

Популярный американский сайт Reddit обновил свой дизайн.

Историю редизайна рассказывает издание Wired, а блог Econ Dude переводит. Перевод не дословный, но более или менее, я старался.


Картинка с сайта: https://www.wired.com/story/reddit-redesign/



Прощай Craigslist 

У нас новый повзрослевший дизайн Реддит! 


Последнее обновление дизайна Reddit было более декады назад (10 лет). Сайт долгое время давал радость и пользу миллионам людей по всему миру, но как только новый человек приходил туда в первый раз, его встречал устаревший и громоздкий дизайн каталогов и списков из прошлого.

Сооснователь сайта Steve Huffman намерен это исправить.


Новый дизайн более стильный, он современнее и легче

Команда дизайнеров сейчас это 20 человек, они работали над новым внешним обликом "главной страницы интернета" (front page of the internet - неформальное название Reddit) долгое время. В дизайне они хотели сохранить дух, стиль и легендарность сайта, который был любимым для многих людей (330 миллионов пользователей) по всему миру, а не просто заменить старый дизайн чем-то абсолютно новым и непривычным. Обсуждалось всё, от местоположения лого, до интерфейса модераторов.

Глава команды дизайнеров заявил:

Если ты работаешь над новым дизайном Reddit, ты по сути меняешь весь интернет в целом.

Работа над дизайном шла долго и кропотливо, к ней подходили очень серьезно.

Сейчас только 1% пользователей видит новый дизайн (я, Econ Dude, его вижу). На новый дизайн пользователей переводятся постепенно, а так-же сохраняется возможность использовать старый дизайн.

Панель навигации в новом дизайне находится слева в виде гамбургера. Там вы видите ваши сабреддиты, на которые вы подписаны, а так-же те группы, которыми вы управляете как модератор.

Есть три возможности обозревать вебсайт, 3 дизайна.

  • Классический, карточный; (card view)
  • Новый; (classic view)
  • Лёгкий. (compact view)

Один из вариантов (card) отчасти использует дизайн Facebook.

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

Маскот сайта, Snoo (белый человечек), визитная карточка логотипа, теперь перерисована. Сну исследует разные планеты.


Классический логотип

Издалека сайт выглядит примерно как и раньше, но если приглядеться, то теперь сайт отчасти напоминает лабиринт и изменений много.

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

Сейчас проект уже другой и он изменился. Реддит годами говорил что это сайт для всех, теперь он на самом деле так выглядит.

В последние годы проект очень сильно изменился, но дизайн оставался прежним. Многие члены старой команды ушли (Ohanian, Huffman).

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

Любой редизайн сайта это стресс, но изменения дизайна такого сайта как Реддит, который не трогали более 10 лет, это нечто большее. Долгие годы в компании вообще не было команды дизайнеров, был только один человек (Perez, до этого работал в Microsoft руководя 60-ю дизайнерами), кто этим занимался на постоянной основе.

Начальная команда дизайна Реддит из 4-х человек работала в мелкой пустой комнатке на четвёртом этаже главного офиса. Они притащили ТВ, пару стульев, Wi-Fi и начали размышлять над будущем компании.

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

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

Спросите любого активного пользователя как он использует сайт и он скажет, что он использует какое-то стороннее приложение для этого (Например Reddit Enhancement Suite, оно активно используется модераторами).

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

Они так-же мониторили 2000 самых популярных сообществ для анализа.

Модераторы популярных сабреддитов, например /r/gameofthrones/ управляют очень стилизованными группами в плане дизайна и они уже знают, как сделать их сообщество уникальным. Но теперь с новым дизайном для новичков или менее популярных групп процесс кастомизации стал еще проще и демократичнее.


Сообщество сериала "Игра Престолов", 1.3 миллиона человек

Главный посыл редизайна это не просто обновить его до уровня 2018-го года, а сделать его удобным для нового поколения издателей (Redditors).

Первые версии сайта работали как агрегатор ссылок. Это было место где делились мемами, новостями и историями.

Почти сразу добавили комментирование.

При добавлении практически любой новой фичи она активно критиковалась, к примеру про некоторые пользователи говорили: "шизофренический подход". Юзеры реддит, как и вообще пользователи интернета, сопротивлялись любым изменениям.

Аналогичная ситуация была при редизайне Facebook, Snapchat, и Digg.

Однако для сайта с 13-ти летней историей сопротивление изменением всегда было еще жестче чем обычно. Одни из пользователей написал:

Самая большая ошибка - это делать революционные изменения вместо эволюционных. Текущий дизайн уродлив, но он работает.

Старый и неудобный дизайн для постоянных и древних членов сообщества - это часть их любимого сайта. Он даёт им чувство принадлежности.

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

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

Что касается старых пользователей, хотя они были очень активны в выражении своих мыслей касательно дизайна, на самом деле администрация никогда не проводила тестов и исследований по этому вопросу (UX - user experience).

Админы собрали новую команду (Ajit Krishna и Amulya Aradhyula) пытаясь выяснить, почему некоторые люди вступают в сообщество, но никогда не постят, либо почему не вступают. Команда делала интервью и рассылала опросы. Пару часов каждую неделю они ходили в San Francisco's Union Square, где была группа случайных людей со всего мира, они просто сидели, развлекались и ничего не делали, и команда дизайнеров показывала им внешний вид Реддит спрашивая их мнение и предложения по улучшению. Они мучили случайных людей вопросами типа: вам понятно как попасть из точки А в точку Б на сайте? Как вы оценивайте вот такое изменение и т.д.

Большинство опрощенных поняли концепт сайта, но они совершенно не поняли как использовать этот сайт и для чего он.

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

Реддит - это не сайт, которым все пользуются на равных.

Луркеры (Lurkers) приходят на сайт чтобы читать, но они почти никогда ничего не пишут и не создают контента, ничего не комментируют.

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

Некоторые люди модерируют и управляют сообществами.

Reddit - это очень личный сайт, каждый использует его как хочет.

Именно поэтому команда представила новый дизайн, который очень похож на Facebook или Twitter. Причина в том, что многие новые юзеры приходят именно от туда, таким образом им будет комфортно и более привычно на Reddit.

Задача редизайна реддит в том, чтобы представить современный сайт, но бренд застрял в 2005-ом. Команда строила брендинг с чистого листа.

Правила бренда были небольшие, это маскот-пришелец, некоторые шрифты, цвета (оранжевый) да и всё.

Маскот Snoo начался как рисунок от безделья в записной книжке Tavish MacLellan (креативный директор бренда). Сну - это пришелец, путешествующий во времени по разным планетам. Вначале у команды была шутка, что именно Сну причина, по которой сайт должен выжить. Если бы мы разорились в будущем, Сну не смог бы быть в настоящем, шутили сотрудники компании.

Позже уже сами пользователи взяли Сну в оборот, используя его в своих рисунках и сообществах. Сну может быть где угодно и кем угодно.

Идея одного сотрудника была в том, что Сну - это пришелец, который прилетел на землю для исследования человечества. Весь вопрос был в реализации. Новый внешний вид Сну, более трёхмерный и объёмный, появился на многих страницах сайта, а так-же в уникальных "Snoomoji" (Смайлики, эмотиконы со Сну).

Аватар в чате теперь это один из Сну, а при создании нового сообщества по умолчанию люди получают тоже фон с этим персонажем.


Новый стиль дизайна маскота сообщества

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

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

Очень многие макеты и наброски дизайна одалживали идеи и стиль у других популярных сайтов, таких как Twitter, Twitch и Facebook.

Один из членов команды (Rush) говорит, что дизайн, который они сейчас сделали, это тот-же дизайн, просто немного повзрослевший.

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

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

Перевод блога Econ Dude статьи wired.com:

"THE INSIDE STORY OF REDDIT'S REDESIGN"

При использовании и цитировании указывайте ссылку на источники.