Сделал редизайн — потерял миллиард

https://medium.freecodecamp.org/why-most-redesigns-fail-6ecaaf1b584e
  • Перевод
Исследуем эпичные провалы редизайна и мотаем на ус.
image
Менеджер по продукту заходит в отдел дизайна и заказывает редизайн сайта. «Наш сайт выглядит таким старым! У всех наших конкурентов есть более яркие сайты. Давайте перепроектируем его. Кнопки с разноцветными тенями — это будущее!»

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

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

image

Skype Redesign 2018

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

Но чаще всего редизайн кажется довольно нежелательным, с падением конверсий, сердитыми пользователями и отрицательными отзывами о приложении. Будь то мелкие игроки, такие как Snapchat или такие большие, как Microsoft с Windows 8 и Skype — кажется, никто не застрахован от неудачи редизайна.

Почему редизайн проваливается


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

Редизайн навигации Snapchat’a


image

Давайте проанализируем, как Snapchat переработал одну из своих основных пользовательских функций- просмотр историй от друзей.

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

Продвигаемые истории знаменитостей и СМИ были частью этой страницы. Они появились рядом с историями ваших друзей.

image

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

image

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

image

Были изменены как минимум два практических правила: структура навигации и область, которую нужно нажать, чтобы просмотреть историю. Излишне говорить, что пользователям не очень понравились эти изменения. В течение недели средний рейтинг Snapchat снизился с 3,1 до 2,4.

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

image

image

image

Этот твит стоил Snapchat миллиард долларов

Редизайн Snapchat был катастрофой. Ежедневная посещаемость сократились на 2% до 188 миллионов с 193 миллионов. Показы рекламы и доход снизились на 36%. Многие издатели контента поменяли платформу и стали называть Instagram своим новым домом.

Через 6 месяцев после внедрения редизайна Snapchat внес изменения и объявил об перестановке. Истории друзей перемещены вправо вместе с историями издателей. Цитата:

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

Редакция меню Пуск в Windows 8


Теперь давайте посмотрим, как Microsoft перепроектировала их меню «Пуск» в Windows 8. Давайте попробуем открыть панель управления в Windows 7 и 8.

Чтобы открыть панель управления в Windows 7, вам нужно нажать на кнопку «Пуск», чтобы вывести список всех приложений. И тогда вы нажимаете на панель управления.

image

В Windows 8 вы уже начинаете с меню «Пуск». Хороший старт, верно? Неправильно. В перечисленных приложениях нет панели управления. Также нет возможности перечислить все программы.

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

image

Этот основанный на жестах процесс доступа к панелям был совершенно чужд пользователям при запуске Windows 8. Windows не предоставляла никакой дополнительной информации, чтобы помочь пользователям открыть меню чудо-кнопок. Даже после того, как пользователи обнаружили Charms меню, прибегая к помощи Google или своих друзей, им все равно было неудобно с ним. Жесты и зависания были новыми понятиями для ОС.

Все ли редизайны плохие?


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

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

Редизайн навигации в Facebook


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

image

И Android, и iOS реализовывали навигацию одинаково с одинаковыми панелями действий.

image

Но база мобильных пользователей подтягивалась, и пользователи, начинающие с мобильного, понемногу затеняли пользователей, использующих десктопную версию. Мобильные социальные сети, такие как Instagram, Snapchat и Vine (rip) набирали популярность. Было совершенно очевидно, что в будущем люди будут проводить больше времени за своими телефонами, чем за компьютерами.

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

image

Эти изменения были новыми для приложения, но не для пользователей. В то время как редизайн действительно требовал от пользователей избавиться от привычки переходить к синей панели действий для навигации, пользователи уже были знакомы со своими панелями вкладок для конкретной платформы. Слайдбэки в течение нескольких лет находились в экосистеме Android. Пользователям не потребовалось много времени, чтобы перейти с панели действий на панель вкладок. Точно так же панель вкладок iOS присутствовала с момента основания платформы и не чувствовала себя чуждой своим пользователям.

Разделение вкладок Facebook в Android и iOS сыграло для них очень хорошую ро. Вскоре они стали отраслевым стандартом. Большинство приложений реализуют подобную навигацию.

Уроки


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

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

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

image

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

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

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

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

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



Перевод выполнен при поддержке компании EDISON Software, которая постоянно улучшает свой дизайн, а так же занимается инвестициями в продукты и предоставляет услуги разработки на аутсорсе.

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

Как вы считаете (в среднем по больнице) редизайн — это чаще к лучшему или не к лучшему?

Edison
245,00
Изобретаем успех: софт и стартапы
Поделиться публикацией

Комментарии 80

    +12
    После прочтения статьи ощущение как будто с менеджером пообщался.

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

    --добавлено--
    И в конце особенно понравилось: дизайн летучий, но всё же плохой, почему-то.
      +3
      Да уж, «летучий» — это просто эпично. Набрать в гугле «look fly» и перейти по первой же ссылке в urban dictionary? А зачем? «И так сойдёт!» Туда же «зависания» (чуть выше правильно переведённые как «наведение мыши»).
        +2
        дизайн летучий, но к нему привязали тяжёлые тени — вот он и не взлетел.
          0

          Улётный

        +46
        Просто посмотрите на Facebook, который выглядит как новый почти каждый раз, когда я открываю его


        Может быть я покажусь излишне груб, т.к. всё же для каждого фломастеры на свой вкус, но по-моему, Facebook — это пример самого отвратного юзабилити, которое существует. Ну и заодно — пример самого тормознутого и глючного интерфейса во всём интернете. Я не представляю себе той причины почему он может хотя как-то упоминаться и с кем-то сравниваться.
          +3
          Если честно, я (на свой извращённый вкус человека, не использующего ни одну соцсеть, но ессно имеющий в них «технические» аккаунты) считаю, что интерфейс всех без исключения соцсетей, от фб до специализированных извратов типа Yammer или LinkedIn — он застрял глубоко в средних нулевых годах и не собирается оттуда выходить вообще. Как раз, кстати, по причине того, что редизайн — это страшно, агрессия юзеров, и вообще не надо, особенно радикального. И более того, видно, что этот вот интерфейс мамонта еще и тянет назад к себе даже и мобильную версию, которая у соцсеток конечно же выглядит посвежее, но всё равно далеко не без проблем.

          И фб в этой куче даже наверное не самый плохой (тяжко в сортах известно чего копаться, чтоб сказать достовернее).
            +5
            Не так важно, в каких годах застрял интерфейс, если он удачный. У того же вконтакта, например, интерфейс весьма приятный и совершенно не хочется, чтобы его подвергали, кхм, редизайну.
              0
              Так ведь уже.
                –1
                Серьезно? Приятный интерфейс? Причём за примерами не только не надо далеко ходить, за ними вообще никуда не надо ходить.
                В 2018 году «приятный интерфейс» ВК встречает юзера нерастягиваемым в ширину контентом (в 2008 сделать иначе было сложно, а в 2018 уже лет пять как можно сделать как угодно) и нерабочим полем поиска (которое просто вообще ничего не делает для незалогиненого юзера).
                image

                И это я еще про более мелкие кейсы не вспоминаю, скажем, типа отсутствия в мобильной версии постраничных ссылок на комментарии. Удачи пролистать несколько тысяч комментов на мобиле на плохом интернете, чтоб попасть в конец.
                  +5
                  В 2018 году «приятный интерфейс» ВК встречает юзера нерастягиваемым в ширину контентом

                  А какой контент вы предлагаете растянуть и зачем? Чтобы потом само окно браузера заужать?

                    +1
                    Разумеется.
                    С тем, какой ширины у меня должно быть окно браузера, чтоб мне было комфортно читать текст — я разберусь сам. В пару движений мышью. Ибо это зависит от набора параметров, характерных только для меня и моего экрана (шрифт, зум, характеристики самого экрана, расстояние до глаз, и т. д. и т. п. Тысячи их).

                    А когда мне некий дизайнер говорит, что контент будет вот такой вот ширины, потому что «я дизайнер, а ты говно» — я воспринимаю это понятно как.
                      +7
                      Разумеется.

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


                      А когда мне некий дизайнер говорит, что контент будет вот такой вот ширины, потому что «я дизайнер, а ты говно»

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


                      Хотите, чтобы ВК был на весь экран — увеличьте.

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

                        Если чудо-дизайнеры не будут придумывать безумные способы расположения текста на страницах — вам и не придётся. Один размер будет подходить более-менее под всё.

                        Дизайнер вам устанавливает соотношение между размерами элементов контента.

                        Хотите, чтобы ВК был на весь экран — увеличьте.

                        Э нет. Дизайнер мне диктует лимиты на объем информации внутри элементов контента. И ему плевать, что я, например, не прочь бы видеть в два раза больше слов в посте, чем он мне показывает.

                        Если я увеличу ВК на весь экран — самого контента (текста, картинок) я увижу там ровно столько же, сколько и было.

                        А вот с «резиновой» вёрсткой, кстати, зум будет менять объем контента. И вам в цитате выше как раз можно будет предложить «поиграться зумом» вместо изменения ширины браузера (эффект оно будет давать примерно такой же).
                          +3
                          Если чудо-дизайнеры не будут придумывать безумные способы расположения текста на страницах — вам и не придётся.

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


                          Э нет. Дизайнер мне диктует лимиты на объем информации внутри элементов контента.

                          Это вы что-то свое уже выдумываете. Если в конкретном блоке написан текст Х, то он там и написан, как размеры блока не меняй.


                          И вам в цитате выше как раз можно будет предложить «поиграться зумом» вместо изменения ширины браузера (эффект оно будет давать примерно такой же).

                          С резиновой версткой контент при зуме будет ехать. Именно по этой причине в 2018 резиновую верстку уже не используют.

                            0
                            Так это же вы предлагаете безумный способ с растягиванием строчки на весь монитор.

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

                            Это вы что-то свое уже выдумываете. Если в конкретном блоке написан текст Х, то он там и написан, как размеры блока не меняй.

                            Если вам непонятна мысль прошлого поста, попробуем по-другому: в моё окно браузера (удобных мне размеров) теоретически вмещается X слов, в то время как дизайн сайта сделан так, что может показать мне только Y (Y < X), и этот Y я увеличить не могу (в теории могу, разумеется, сломав стили вк каким-нибудь stylish, но как «простой юзер» — нет).

                            С резиновой версткой контент при зуме будет ехать.

                            А это плохо почему?
                            Если у вас потоковый контент нормально сформирован (поток текста, обтекание изображений, и тэ дэ) — то вообще фиолетово, куда там что едет. Будет только лишь видно больше или меньше потока. Это у печатников есть небольшие специфические проблемы (переносы, widows and orphans, и т.п.), а у вас и этого нет.

                            Именно по этой причине в 2018 резиновую верстку уже не используют.

                            Лично я в отказе от резиновой вёрстки вижу только одну проблему, и она выражается в одно слово: «сложнааааааааааааааааааааа».
                            Сверстать то, что выглядит у всех одинаково (одинаково плохо, если вы с вашим браузером не вписались в идеал ширины) — во много раз легче, чем сверстать то, что может выглядеть у всех по-разному, и тем не менее должно выглядеть достаточно хорошо во всех случаях.
                              +3
                              Я предлагаю способ с растягиванием строчки ровно настолько, насколько хочет каждый конкретный пользователь.

                              Почему 99% пользователей должны страдать и каждый раз делать окно меньше ради оставшегося 1%, который хочет строчки на полметра? Может, приспосабливаться следует 1%?


                              А это плохо почему?

                              Потому что пользователь хочет, чтобы у него все ровно и красиво было?


                              Если у вас потоковый контент нормально сформирован (поток текста, обтекание изображений, и тэ дэ) — то вообще фиолетово, куда там что едет.

                              В смысле фиолетово? Конечно, не фиолетово. Я хочу чтобы одинаково все выглядело, а не разъезжалось при каждом нажатии ctrl+-.


                              Лично я в отказе от резиновой вёрстки вижу только одну проблему, и она выражается в одно слово: «сложнааааааааааааааааааааа».

                              Резиновая верстка — это как раз просто. Сложно сделать нормальную, нерезиновую.


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

                              А она не будет хорошо выглядеть во всех случаях. Строки на метр ни в каком случае хорошо не смотрятся.

                                0
                                Почему 99% пользователей должны страдать и каждый раз делать окно меньше ради оставшегося 1%, который хочет строчки на полметра?

                                Наверное потому, что одних не 99%, а других не 1%, но один фиг дизайнеры уже за всех 100% всё решили?

                                Резиновая верстка — это как раз просто. Сложно сделать нормальную, нерезиновую.

                                Резиновая вёрстка в виде «бросили текст в body и пошли гулять» — это конечно просто. А вот нормальная резиновая вёрстка — нет.

                                А она не будет хорошо выглядеть во всех случаях. Строки на метр ни в каком случае хорошо не смотрятся.

                                Выглядеть хорошо должны не строки, а всё остальное.
                                Строки должны хорошо читаться, а не «выглядеть».

                                Да и вообще, даже матёрый апологет «страничных блоков» (у этого желания впихнуть текст в фиксированную ширину ноги растут из типографики и постраничной печати) уже мог бы заметить, что на приведенном мной выше скриншоте достаточно места, чтоб даже при сохранении размеров всех блоков показывать мне ВКшную ленту в два столбца, а не в один. Кто это делает на практике? Да никто.
                                И не потому, что «выглядит плохо», а именно потому, что «сложнааааааааааааа».
                                  +1
                                  Наверное потому, что одних не 99%, а других не 1%

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


                                  Резиновая вёрстка в виде «бросили текст в body и пошли гулять» — это конечно просто.

                                  Вы же это и предлагаете.


                                  А вот нормальная резиновая вёрстка — нет.

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


                                  Строки должны хорошо читаться

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

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

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

                                    Вы же это и предлагаете.

                                    Нет.

                                    Вы же можете зайти на сайт вк, в девтулсах быстро пофиксить верстку и показать скрин.

                                    Стало просто ужасно, да. Отстой, говно, хуже веб1.0, и вообще поделие дошкольника.
                                    image
                                    А первый скриншот выше по ветке надо подписать «успешный современный дизайн, сделанный великолепными профессионалами своего дела».

                                    А еще можно вернуться на хабр, и тут вообще божественный размер строк, который настолько идеален, что критике вообще не подлежит:
                                    image

                                    Ну так о том и речь — строки на метр читаются очень, очень плохо.

                                    Речь о том, что ваш «метр» и мой — это две очень разные вещи. Я читаю строку в 12pt на 2/3 24'' экрана и не жужжу, а вам это возможно костью в горле встанет.
                                    Строки должны быть ровно такой длины, чтоб читающий не упускал из поля зрения начало следующей строки, прочитывая конец текущей. Это единственный фактор, который объективно превращает чтение в желание убить верстальщика. Но, еще раз, с разными экранами, разными шрифтами, и разными глазами у нас у всех эта длина — различна.
                                      0
                                      Ваша беда в том, что вы эти метры-полметры (а почему, кстати, у вас то «метр», то «пол»?) считаете абсолютными для всех людей, всех экранов, и всех размеров шрифта.

                                      Так я не говорю про всех, я говорю про подавляющее большинство, в котором любители строк-на-метр составляют гетто стат. погрешности


                                      Стало просто ужасно, да.

                                      А чего же вы до конца не растянули? Что это за свободное место по бокам, вы же против него выступали?
                                      Ну и да, даже в таком виде — текст стал совершенно нечитабелен на большинстве десктопов.


                                      Речь о том, что ваш «метр» и мой — это две очень разные вещи. Я читаю строку в 12pt на 2/3 24'' экрана и не жужжу, а вам это возможно костью в горле встанет.

                                      Все верно, по-этому рассчитывать надо на большинство, а меньшинство должно приспосабливаться к большинству. Не наоборот.


                                      Но, еще раз, с разными экранами, разными шрифтами, и разными глазами у нас у всех эта длина — различна.

                                      Это процентные размеры. Если размеры в px (то есть если верстка не резиновая), то они визуально одинаковы.

                                        +1
                                        А чего же вы до конца не растянули?

                                        Наверное потому, что мне неинтересно соревноваться с вами в туповатом юношеском максимализме?

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

                                        Ну и да, даже в таком виде — текст стал совершенно нечитабелен на большинстве десктопов.

                                        Да что вы говорите. Что же конкретно вы не можете прочитать на этом скриншоте в полный размер?

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

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

                                        Это процентные размеры.

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

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


                                          Что же конкретно вы не можете прочитать на этом скриншоте в полный размер?

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


                                          Рассчитывать лучше всего на всех.

                                          На всех не получится.


                                          Но если у вас плохо с навыками — то там да, там можно сделать для большинства, а остальных то записывать в 1%, то рассказывать им сказки о том, как они должны молчать и кушать что есть, потому что именно так максимально правильно и вообще хорошо.

                                          Погодите, но вот у нас есть два решения — то что сейчас есть в вк и ваше. То, что есть в вк — работает джля 99% и не подходит 1%. Ваше — работает для 1% и не подходит для 99%. Очевидно, если выбирать из этих двух — решение вк лучше. Если вы готовы предложить решение, которое будет удовлетворять все 100% — вы его предложите, пожалуйста. А то пока что ваше предложение состоит в том, чтобы насрать на мнение большинства ради представителей гетто.


                                          Именно. Это процентные размеры относительно реального размера шрифта.

                                          Еще раз — они разные при резиновой верстке. При верстке в px они визуально одинаковы на всех устройствах. Пропорции всех элементов на странице сверстанной в px будут одинаковы на любом мониторе и при любых настройках. При стандартном зуме они еще и будут иметь визуально одинаковый размер.

                                      +1
                                      По-этому контент со строками никогда не должен быть широким. Это закон.

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

                                        Зайдите на вики или к примеру на реддит — там контент полностью заполняет экран и видно все отлично
                                          0
                                          Зайдите на вики или к примеру на реддит — там контент полностью заполняет экран и видно все отлично

                                          Не знаю, в какой вселенной это отлично. При чтении вики я ставлю полутарократный зум и отодвигаюсь от монитора, в противном случае читать ее просто невыносимо.

                                            0
                                            >Не знаю, в какой вселенной это отлично.

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

                                              Так это не плюс, а минус.

                      +1
                      Настольный интерфейс ВК неадаптивен, точнее адаптивен но в плохом смысле, какой бы ширины экран не был он старается занять весь, если открыть ВК в окне развёрнутом на полэкрана придётся постоянно пользоваться горизонтальным скроллом, хотя фактически весь контент выводимый ВК вместился бы в полэкрана.

                      Мобильная версия лучше, но пользоваться ей на ПК затруднительно так как она рассчитана на жесты.

                      Ещё сама концепция подгружаемой ленты это ужас, особенно без возможности сохранять ссылку на то место ленты где ты остановился.
                    +2
                    У меня есть история с Facebook, когда эти ребята в своем приложении для Android патчили системный рантайм при запуске, чтобы он мог работать с более чем 65 тысячами классов, которые ребята из FB накодили. Это добро, конечно не работало на наших телефонах с процессорами Intel из-за изменений в коде рантайма, очень много крови выпила отладка. В общем, я к тому, что у них не только с интерфейсом проблемы, у них там во всем так.

                    www.facebook.com/notes/facebook-engineering/under-the-hood-dalvik-patch-for-facebook-for-android/10151345597798920
                      –1
                      Дизайн фейсбука работает, он может не нравится вам, может не нравится мне, но он устраивает два миллиарда пользователей. Весь интерфейс обвешан сотнями метрик, постоянно проходят тесты. То какой он есть – заслуга тех кто им пользуется.
                        –1
                        Если вы объясните, какой метрикой можно замерять фрустрацию пользователей от интерфейса, многим, думаю, было бы интересно.
                      0
                      очень странный опрос в конце, если учесть домысел статьи — редизайн как процесс, процесс не может быть хорошим или нет. хотя опрос оповещает о конечном результате: до и после (за день? неделю? год? конечный продукт?).

                      херня какая та :(

                      меня больше всего удивляет, что такие громадные команды, накатывают редизайн без каких-либо A/B тестов. Либо их A/B тесты не работают, раз в подавляющем большинстве доказывают деграйд.
                        0
                        Просто верните несколько тем и возможность пользователю самому выбирать в настройках, как было в 2005-2010. А ещё лучше — и загружать собственные CSS стили.

                        Идеального интерфейса для ПО или веб-сайта, который понравится бы всем, не существует, но почему-то его упорно хотят сделать.
                          0
                          … загружать собственные CSS стили

                          Stylish в помощь
                          +3
                          Проблемы начинаются тогда, когда редизайн делается ради того, чтобы впихнуть побольше рекламы, повысить продажи не в местах для этого предназначенных и так далее. То есть когда это делается только ради повышения прибыли компании, а не ради удобства пользователя.
                            +2
                            Только бы Хабр не затеял редизайн на что-нибудь мобильное пальцетыкательное и без альтернатив. Как зайду после Хобота — глаза отдыхают и душа радуется.
                              +4
                              Вы успели пропустить «приступ flat-дизайна»? Ну это когда еще навигация была перенесена из «сверху» в то место «слева», где сейчас только «промотать вверх»…
                              Помнится тогда, когда сам подобное лицезрел, ничего, кроме котла ада, авторам не желал.
                              Какое счастье, что это заболевание прошло у ресурса.
                              UPD: кажется эта «вертикальная панелька» еще и раздвигалась в какой-то период… и логика была там от альтернативно-одаренных.
                                +1

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

                                  +1
                                  «Заболевания» не проходят просто так, есть люди которые это «лечат».
                                    0
                                    За это я людям конечно же благодарен (если память не подводит, вы один из них?) =)
                                      0
                                      Это большая командная работа, если говорить только про дизайн то один из них одного)
                                        0
                                        В таком случае, за текущий вариант я вам жму все руки!
                                        //секунда мыслей в слух (а вдруг дед-мороз прочтет) — была бы еще темная тема(опционально, разумеется), у того же стэка/гитхаба есть userstyles.org/styles/37035/github-dark
                                          +1
                                          Есть в планах, но не ближайших, думаю если появится то первым делом на мобильной версии. Дед Мороз все читает, главное хорошо вести себя))))
                                  0
                                    0
                                    Я писал «без альтернатив», а тут, слава богу, насильно пользоваться не заставляют — хочешь мобильный вид, хочешь — нет.
                                  +9
                                  Неинкрементальный редизайн для продукта, у которого есть хоть сколько-нибудь пользователей — это просто детский сад. Редизайн онлайн-приложения, в котором пользователи проводят по нескольку часов ежедневно (например, Gmail) — это насилие над пользователем. Все, ребята, вы уже не свободные художники, вы на взрослой работе! Нельзя принести в потном кулачке пачку распечаток «нового дизайна», надо вместе с ними разработать план перехода на ваше поделие, сделать десяток промежуточных версий, провести тестирование на фокус-группах и АБ тестирование на части вашей аудитории, быть готовым отказаться от части промежуточных вариантов и к тому, что итог тоже надо будет переделывать. Много работы? Ну а что вы хотели, убеждать пользователя в том, что вы постоянно развиваетесь, при этом не насилуя его вторжением в его личное пространство — это сложно.
                                    +5
                                    Скайп обновился и все — позвонила бабушка внучку
                                      0
                                      Существенный редизайн мобильных приложений походу вообще не может понравиться пользователям, так как само пользование связывается с мышечной памятью. Любое существенное изменение и пальцы тычат не туда. А тыкать-то особо и некуда. Обычно, приложение — лишь одна функция телефона, немногие кнопочки в ней — органы управления, не более. В десктопных программах функций больше, как, соответственно, и кнопок. Может потому их и не пытаются сильно менять местами, у дизайнеров головы не настолько большие, чтобы взять да и переместить десятки команд, хотя бы с намеком на логику. Редизайн винды тому пример, за новым плиточным дизайном не стояло ничего, кроме желания казаться современными.
                                        +1

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


                                        Маркетинговой ошибкой меню Пуск в Windows 8 было то, что его выкатили как гром средь ясного неба, не подготовив пользователей ни заранее, ни постфактум. Разумеется, что это вызовет крайнюю агрессию. К тому же, давайте по-честному, сделано совсем неудобно, будто бы решение под мобильную платформу.


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

                                          0

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

                                            +4
                                            А кто-нибудь может внятно объяснить, зачем редизайн вообще нужен?
                                            Зачем что-то менять?
                                            Ведь у любой площадки есть своя аудитория. И эта аудитория заходит на эту площадку не из-за цвета кнопок, иконок и т.д. И новая аудитория там появляется не из-за этого. Люди там сидят из-за контента в основном.
                                            Что-то как-то слабо себе представляю такой разговор:
                                            «Вась, а тебя чего в ВК нет ?»
                                            «Да верхняя строка там синего цвета, мне не нравится. Вот когда станет красного, так я обязательно там заведу аккаунт».

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

                                            Мне, как пользователю, хочется спустя 10 лет зайти на любимый сайт и делать привычные вещи привычным способом. Все! Если при том сам сайт будет работать в 5 раз быстрее, я против не буду.
                                            Неужели кто-то отказывается пользоваться тем же Кинопоиском потому что у него дизайн не меняется каждую неделю?
                                            Или кто-то отказался от Windows 10, по той причине, что кнопка «Пуск» вернулась в нижний левый угол по-умолчанию?
                                            Зачем делать изменения ради изменений, риск потерять текущих пользователей разве не пугает по сравнению с эфимерной возможностью приобрести новых?
                                            Даже Хабр в свое время прошел путь через: «Сделать все плохо, а потом вернуть как было»
                                              0
                                              Думаю, просто корреляция есть какая-то нехорошая. Я вот не знаю, почему меньше контактом стал пользоваться, а больше фейсбуком, но может потому что появилось ощущение, что в ВК ничего не происходит. Хотя команда ВК была просто впереди планеты всей по инкрементальному дизайну.
                                                0

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

                                                  0
                                                  Никогда ВК не нравился и до сих пор не нравится, до сих пор не могу понять, за что все его хвалят. Такое же убожество, как и фейсбук. Найти информацию — нужно пройти целый квест с дурацким бесконечным скроллом. Найти что-нибудь, что происходило месяц назад вообще нереально
                                                    +1
                                                    Соцсети не для хранения информации. Со своим предназначением ВК отлично справляется.
                                                      0
                                                      И какое же у него предназначение?
                                                        0
                                                        Доход от рекламы, для чего людей удерживают как можно большее время. Делается это при помощи бесконечных персонализированных лент для потокового вещания сиюминутной информацией. Длинные тематические информационные посты тут просто не нужны.
                                                        0
                                                        Неделю назад нашел и купил полный сборник томов, которые с 2013-го уже и не печатаются. Вполне доволен.

                                                        *Ну и по «играм»/«ремонту машины» общаюсь :)
                                                      0
                                                      в фейсбуке вообще поиска считай что нет, соц сети это ж сплошная сиюминутщина
                                                        0

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

                                                  0
                                                  Когда появился новый дизайн ютуба — все плевались, а сейчас уже кажется норм и так было всегда. Пользователи, как масса, нытики и ретрограды, и все, у кого есть возможность игнорировать их нытьё (компании монополисты, тот же gmail — никто с него не уйдет даже если дизайн будет реально вырвиглазный) с удовольствием на это забивают и делают удобно (объективно удобно, а не «мы так привыкли»). Это как поддержка ie8-9, жутко старых версий ios/android — ей занимаются только жалкие и нищие, либо чья основная аудитория ворчливые динозавры
                                                    0
                                                    компании монополисты, тот же gmail

                                                    Но гмейл не монополист. Ютуб да, гугл почти да, а мыло прекрасно работает на любом сервере.
                                                      0
                                                      > а сейчас уже кажется норм и так было всегда.
                                                      Нет не кажется. Просто очередной редизайн ютуба перестал быть актуальным событием и его никто не обсуждает. Не потому, что пользователи поняли великий замысел дизайнеров и признали и вдруг все стало удобно. И ноют не потому, что старый дизайн был идеален, а новый говно. А потому, что каждый редизайн ютуб занимается не тем.
                                                      > (объективно удобно, а не «мы так привыкли»)
                                                      Напомните, с какого редизайна ютуб сделал более-менее человеческие комменты? Далеко не идеальные до сих пор. Как там поживает плеер с изменяемыми размерами и возможность скролльнуть вниз, закрепив плеер в плавающем окне, как в твиче? Зато каждый редизайн вводят какую-то ненужную хрень, каждый редизайн меняют ленту, не меняя содержимого, плеер то вправо сдвинут, то влево, то уменьшат, то вернут, как было. Это что ли Ваше объективно удобное?

                                                      Ситуацию с редизайном ютуба прекрасно описывает недавний пост про проблемы гугла. Когда редизайн делают не для того, чтобы пользователю было удобнее, не для того, чтобы расширить функционал, а для того, чтобы получить повышение. Когда не нужен редизайн, нужно исправление косяков старого дизайна, допиливание функционала, а не выкатывание нового с новыми косяками.
                                                        0
                                                        Что значит «не идеальные»? последние несколько лет комменты вполне подвергались изменениям и наконец стали адекватно выглядеть.

                                                        «Как там поживает плеер с изменяемыми размерами и возможность скролльнуть вниз, закрепив плеер в плавающем окне, как в твиче» — да никому это нахер не надо, вот и не поживает.

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

                                                        «И ноют не потому, что старый дизайн был идеален, а новый говно. А потому, что каждый редизайн ютуб занимается не тем.» — объективно, о да

                                                        " Зато каждый редизайн вводят какую-то ненужную хрень, каждый редизайн меняют ленту, не меняя содержимого" — ютуб должен менять содержимое ленты?? сорян, заканчиваю
                                                          0
                                                          Адекватно, но все еще не понятно, по какому принципу сортируются и у них нет номеров. Такое ощущение, что комменты на ютубе, они не для общения или обсуждения, а чтобы высрать «я первый» и забыть. Хотя так в общем-то и есть, но не в последнюю очередь из-за кривости комментов.
                                                          Я напомню, как развивалась ситуация. После одного из редизайнов комменты грузились через раз. А ответы прикрутили только на следующий редизайн вообще. Чем все это время занимались? Перерисовывали ленту, боковую панель, лайки и занимались прочими непотребствами.
                                                          > да никому это нахер не надо, вот и не поживает.
                                                          Никому в гугле это нахер не надо. Это я уже понял.
                                                          > Сейчас наконец избавились от черных полей, осознав что видео бывают с разным соотношением сторон и показ стал ровно по ним — нифиговый такой шаг вперед. Да, это пздц насколько объективно удобнее.
                                                          Об этом пользователи ноют уже сто лет, это даже сторонним юзерскриптом делали, вроде. Почему для этого редизайн требуется, почему нельзя было просто взять и сделать галку «плеер по ширине» и заанонсить это уведомлением?
                                                          > ютуб должен менять содержимое ленты?? сорян, заканчиваю
                                                          Сумбурно выразился. Вроде перечитывал перед отправкой…
                                                          Я имел ввиду, что не меняется принцип, по которому лента наполняется, это всегда статичное превью, текстовый блок справа от него с названием, и куском описания. Меняется только представление всего этого, размер шрифта, шрифт, расстояния, но до сих пор не сделали полного описания во всплывающем окне при наведении, не сделали множественные превью, которые бы менялись при наведении. На некоторых сайтах с видеороликами подобное уже тысячу лет как имеется. Но ютубу нахер не надо. Лучше подвигать текст туда-сюда.
                                                        0
                                                        Это вы про Windows 8-10 сейчас? Только не надо про то, что плитки удобнее, все-таки не стоит путать фанатизм, когда схавают что угодно, с нормальным юзабилити. Пуск был удобен по всем статьям.

                                                        P. S. Не старпер, еще и 30 нет.
                                                          0
                                                          Я не понял что вас сподвигло на разговор о windows 8-10, видимо у кого что болит. Я про винду ничего не говорил
                                                            0
                                                            Оу, это я имел ввиду про «нытиков и ретроградов», мол, если кому-то не нравится недоразумение вместо меню «Пуск» на Windows 8-10, по этой логике они тоже «нытики и ретрограды», на которых можно забить?
                                                              0
                                                              Если бы могли забить, то майкрософт с удовольствием бы забили. Но они не могли
                                                                0
                                                                Так ведь забили самым настоящим образом, новый Пуск (если уместно такое название) совершенно неюзабелен, 3 действия вместо 1 для всего — это какая-то содомия. Понятно что ставка делалась на планшеты, однако можно было бы банально увеличить его раза в три, тем более большие иконки в классическом меню Пуск — по сути те же самые плитки, но нет, давайте напишем непонятно что.
                                                                  0
                                                                  Жесткие изменения были в windows 8, а windows 8.1 откатила меню пуск назад до классического вида и на этом все устаканилось, так майкрософт пошла навстречу ретроградам.

                                                                  А в чем проблема-то? Если не нравится 10ая винда тем, что она не 7ая, у вас есть выбор какую использовать. Все равно ведь 10ая будет отличаться, а значит вы будете недовольны, так что какой смысл вам пытаться угодить.
                                                                    0
                                                                    Я специально упомянул свой возраст, дабы показать, что привычность мне не важна как ретрограду, мне важно удобство, и если пуск в 10 не удобен — откатиться на Windows 95 — не выход, ибо саму проблему это не решает. Есть большая разница между удобством и простым изменением внешнего вида. Они могли бы в классическом меню Пуск просто еще больше увеличить размер плиток для планшетов, а не делать из него школьную стенгазету с прогами, закладками браузера и последними фотками, и если они тоже как вы руководствовались принципом «Не нравится — откатывайся на семеру» — наплевательское отношение к пользователям, и ладно бы в угоду маркетингу, ибо это был-бы хотя-бы объяснимо, но в нем нет никакой рекламы и проплаченных рекомендуемых приложений, а значит превращение его в дамскую сумочку — блажь разрабов в угоду непонятно чего.
                                                                      0
                                                                      Во проблемы у людей…

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

                                                                          > и ерепениться?
                                                                          ЕРЕПЕ́НИТЬСЯ
                                                                          ПРОСТОРЕЧИЕ
                                                                          Раздражаясь, упрямо и задорно противиться чему-н.

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

                                                                          Полагаю уже давно можно разойтись, а то блин обиды начались
                                                                            0
                                                                            Оу, да, видать слово я употребил не к месту. Оно не входит в мой лексикон, видать просто вырвалось, спасибо за ликбез. Нет, я не обижаюсь ни на кого, не на что обижаться, просто меня вымораживает что кто-то убеждает других что их проблемы надуманны, ибо у него же все в порядке. Моя же хата с краю. Так в Майкрософте и мотивируют все решения свои видать. Да и во власти тоже, у нас доход 15 лямов в месяц, почему кто-то жалуется, мы же получаем такие деньги, значит это реально, вот и нефиг ныть. Дело даже не в проблеме, а в отношении к ней.
                                                                      0
                                                                      Жесткие изменения были в windows 8, а windows 8.1 откатила меню пуск назад до классического вида
                                                                      Вы ничего не путаете? В 8.1 просто добавили кнопку вызова «Пуска» на панель задач, чтобы больше не приходилось методом тыка выяснять магические жесты для его вызова.
                                                          0
                                                          Фэйсбук — это жесть по юзабилити. Приходиться совершать кучу бессмысленных действий для одной цели, жесть полная.

                                                          Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                          Самое читаемое