Comments 83
«надо делать редизайн, но это ломает привычки пользователей (кэп), следовательно надо делать хороший редизайн, вот примеры». И примеры хорошего редизайна взяты на основании успешности приложения спустя продолжительно время после этого самого редизайна. Это как смотреть на старые биржевые графики и говорить — ну тут всем понятно было куда цена пойдёт.
--добавлено--
И в конце особенно понравилось: дизайн летучий, но всё же плохой, почему-то.
Просто посмотрите на Facebook, который выглядит как новый почти каждый раз, когда я открываю его
Может быть я покажусь излишне груб, т.к. всё же для каждого фломастеры на свой вкус, но по-моему, Facebook — это пример самого отвратного юзабилити, которое существует. Ну и заодно — пример самого тормознутого и глючного интерфейса во всём интернете. Я не представляю себе той причины почему он может хотя как-то упоминаться и с кем-то сравниваться.
И фб в этой куче даже наверное не самый плохой (тяжко в сортах известно чего копаться, чтоб сказать достовернее).
В 2018 году «приятный интерфейс» ВК встречает юзера нерастягиваемым в ширину контентом (в 2008 сделать иначе было сложно, а в 2018 уже лет пять как можно сделать как угодно) и нерабочим полем поиска (которое просто вообще ничего не делает для незалогиненого юзера).
И это я еще про более мелкие кейсы не вспоминаю, скажем, типа отсутствия в мобильной версии постраничных ссылок на комментарии. Удачи пролистать несколько тысяч комментов на мобиле на плохом интернете, чтоб попасть в конец.
В 2018 году «приятный интерфейс» ВК встречает юзера нерастягиваемым в ширину контентом
А какой контент вы предлагаете растянуть и зачем? Чтобы потом само окно браузера заужать?
С тем, какой ширины у меня должно быть окно браузера, чтоб мне было комфортно читать текст — я разберусь сам. В пару движений мышью. Ибо это зависит от набора параметров, характерных только для меня и моего экрана (шрифт, зум, характеристики самого экрана, расстояние до глаз, и т. д. и т. п. Тысячи их).
А когда мне некий дизайнер говорит, что контент будет вот такой вот ширины, потому что «я дизайнер, а ты
Разумеется.
Правда что ли? Спасибо, но вот мне не хочется под каждую страницу тянуться и окно браузера подгонять каждый раз.
А когда мне некий дизайнер говорит, что контент будет вот такой вот ширины, потому что «я дизайнер, а ты говно»
Дизайнер вам устанавливает соотношение между размерами элементов контента. Размером же в целом вы легко можете управлять сами, и, кстати, установленный размер элементов, в отличии от размеров окна, браузер для каждого домена свой сохраняет и автоматически восстанавливает.
Хотите, чтобы ВК был на весь экран — увеличьте.
Правда что ли? Спасибо, но вот мне не хочется под каждую страницу тянуться и окно браузера подгонять каждый раз.
Если чудо-дизайнеры не будут придумывать безумные способы расположения текста на страницах — вам и не придётся. Один размер будет подходить более-менее под всё.
Дизайнер вам устанавливает соотношение между размерами элементов контента.
Хотите, чтобы ВК был на весь экран — увеличьте.
Э нет. Дизайнер мне диктует лимиты на объем информации внутри элементов контента. И ему плевать, что я, например, не прочь бы видеть в два раза больше слов в посте, чем он мне показывает.
Если я увеличу ВК на весь экран — самого контента (текста, картинок) я увижу там ровно столько же, сколько и было.
А вот с «резиновой» вёрсткой, кстати, зум будет менять объем контента. И вам в цитате выше как раз можно будет предложить «поиграться зумом» вместо изменения ширины браузера (эффект оно будет давать примерно такой же).
Если чудо-дизайнеры не будут придумывать безумные способы расположения текста на страницах — вам и не придётся.
Так это же вы предлагаете безумный способ с растягиванием строчки на весь монитор. У чудо-дизайнеров как раз все ок, контент такой ширины, чтобы головой крутить не приходилось.
Э нет. Дизайнер мне диктует лимиты на объем информации внутри элементов контента.
Это вы что-то свое уже выдумываете. Если в конкретном блоке написан текст Х, то он там и написан, как размеры блока не меняй.
И вам в цитате выше как раз можно будет предложить «поиграться зумом» вместо изменения ширины браузера (эффект оно будет давать примерно такой же).
С резиновой версткой контент при зуме будет ехать. Именно по этой причине в 2018 резиновую верстку уже не используют.
Так это же вы предлагаете безумный способ с растягиванием строчки на весь монитор.
Я предлагаю способ с растягиванием строчки ровно настолько, насколько хочет каждый конкретный пользователь.
Это вы что-то свое уже выдумываете. Если в конкретном блоке написан текст Х, то он там и написан, как размеры блока не меняй.
Если вам непонятна мысль прошлого поста, попробуем по-другому: в моё окно браузера (удобных мне размеров) теоретически вмещается X слов, в то время как дизайн сайта сделан так, что может показать мне только Y (Y < X), и этот Y я увеличить не могу (в теории могу, разумеется, сломав стили вк каким-нибудь stylish, но как «простой юзер» — нет).
С резиновой версткой контент при зуме будет ехать.
А это плохо почему?
Если у вас потоковый контент нормально сформирован (поток текста, обтекание изображений, и тэ дэ) — то вообще фиолетово, куда там что едет. Будет только лишь видно больше или меньше потока. Это у печатников есть небольшие специфические проблемы (переносы, widows and orphans, и т.п.), а у вас и этого нет.
Именно по этой причине в 2018 резиновую верстку уже не используют.
Лично я в отказе от резиновой вёрстки вижу только одну проблему, и она выражается в одно слово: «сложнааааааааааааааааааааа».
Сверстать то, что выглядит у всех одинаково (одинаково плохо, если вы с вашим браузером не вписались в идеал ширины) — во много раз легче, чем сверстать то, что может выглядеть у всех по-разному, и тем не менее должно выглядеть достаточно хорошо во всех случаях.
Я предлагаю способ с растягиванием строчки ровно настолько, насколько хочет каждый конкретный пользователь.
Почему 99% пользователей должны страдать и каждый раз делать окно меньше ради оставшегося 1%, который хочет строчки на полметра? Может, приспосабливаться следует 1%?
А это плохо почему?
Потому что пользователь хочет, чтобы у него все ровно и красиво было?
Если у вас потоковый контент нормально сформирован (поток текста, обтекание изображений, и тэ дэ) — то вообще фиолетово, куда там что едет.
В смысле фиолетово? Конечно, не фиолетово. Я хочу чтобы одинаково все выглядело, а не разъезжалось при каждом нажатии ctrl+-.
Лично я в отказе от резиновой вёрстки вижу только одну проблему, и она выражается в одно слово: «сложнааааааааааааааааааааа».
Резиновая верстка — это как раз просто. Сложно сделать нормальную, нерезиновую.
во много раз легче, чем сверстать то, что может выглядеть у всех по-разному, и тем не менее должно выглядеть достаточно хорошо во всех случаях.
А она не будет хорошо выглядеть во всех случаях. Строки на метр ни в каком случае хорошо не смотрятся.
Почему 99% пользователей должны страдать и каждый раз делать окно меньше ради оставшегося 1%, который хочет строчки на полметра?
Наверное потому, что одних не 99%, а других не 1%, но один фиг дизайнеры уже за всех 100% всё решили?
Резиновая верстка — это как раз просто. Сложно сделать нормальную, нерезиновую.
Резиновая вёрстка в виде «бросили текст в body и пошли гулять» — это конечно просто. А вот нормальная резиновая вёрстка — нет.
А она не будет хорошо выглядеть во всех случаях. Строки на метр ни в каком случае хорошо не смотрятся.
Выглядеть хорошо должны не строки, а всё остальное.
Строки должны хорошо читаться, а не «выглядеть».
Да и вообще, даже матёрый апологет «страничных блоков» (у этого желания впихнуть текст в фиксированную ширину ноги растут из типографики и постраничной печати) уже мог бы заметить, что на приведенном мной выше скриншоте достаточно места, чтоб даже при сохранении размеров всех блоков показывать мне ВКшную ленту в два столбца, а не в один. Кто это делает на практике? Да никто.
И не потому, что «выглядит плохо», а именно потому, что «сложнааааааааааааа».
Наверное потому, что одних не 99%, а других не 1%
Да нет, именно так. Подавляющее большинство людей строки на полметра считает вырвиглазием.
Резиновая вёрстка в виде «бросили текст в body и пошли гулять» — это конечно просто.
Вы же это и предлагаете.
А вот нормальная резиновая вёрстка — нет.
Что значит "нормальная"? Вот давайте на примере обсуждаемого скриншота — как будет выглядеть по-вашему "нормальная" резиновая верстка в данном случае? Вы же можете зайти на сайт вк, в девтулсах быстро пофиксить верстку и показать скрин.
Строки должны хорошо читаться
Ну так о том и речь — строки на метр читаются очень, очень плохо. По-этому контент со строками никогда не должен быть широким. Это закон. Почему, вы думаете, газеты и журналы колонками верстают?
Да нет, именно так. Подавляющее большинство людей строки на полметра считает вырвиглазием.
Ваша беда в том, что вы эти метры-полметры (а почему, кстати, у вас то «метр», то «пол»?) считаете абсолютными для всех людей, всех экранов, и всех размеров шрифта. Между тем это очевидно не так.
Вы же это и предлагаете.
Нет.
Вы же можете зайти на сайт вк, в девтулсах быстро пофиксить верстку и показать скрин.
Стало просто ужасно, да. Отстой, говно, хуже веб1.0, и вообще поделие дошкольника.
А первый скриншот выше по ветке надо подписать «успешный современный дизайн, сделанный великолепными профессионалами своего дела».
А еще можно вернуться на хабр, и тут вообще божественный размер строк, который настолько идеален, что критике вообще не подлежит:
Ну так о том и речь — строки на метр читаются очень, очень плохо.
Речь о том, что ваш «метр» и мой — это две очень разные вещи. Я читаю строку в 12pt на 2/3 24'' экрана и не жужжу, а вам это возможно костью в горле встанет.
Строки должны быть ровно такой длины, чтоб читающий не упускал из поля зрения начало следующей строки, прочитывая конец текущей. Это единственный фактор, который объективно превращает чтение в желание убить верстальщика. Но, еще раз, с разными экранами, разными шрифтами, и разными глазами у нас у всех эта длина — различна.
Ваша беда в том, что вы эти метры-полметры (а почему, кстати, у вас то «метр», то «пол»?) считаете абсолютными для всех людей, всех экранов, и всех размеров шрифта.
Так я не говорю про всех, я говорю про подавляющее большинство, в котором любители строк-на-метр составляют гетто стат. погрешности
Стало просто ужасно, да.
А чего же вы до конца не растянули? Что это за свободное место по бокам, вы же против него выступали?
Ну и да, даже в таком виде — текст стал совершенно нечитабелен на большинстве десктопов.
Речь о том, что ваш «метр» и мой — это две очень разные вещи. Я читаю строку в 12pt на 2/3 24'' экрана и не жужжу, а вам это возможно костью в горле встанет.
Все верно, по-этому рассчитывать надо на большинство, а меньшинство должно приспосабливаться к большинству. Не наоборот.
Но, еще раз, с разными экранами, разными шрифтами, и разными глазами у нас у всех эта длина — различна.
Это процентные размеры. Если размеры в px (то есть если верстка не резиновая), то они визуально одинаковы.
А чего же вы до конца не растянули?
Наверное потому, что мне неинтересно соревноваться с вами в туповатом юношеском максимализме?
Вы считаете, что у сайта совсем не должно быть левого-правого поля? Считайте. Вы считаете, что я где-то вам сказал, что у сайта не должно быть левого и правого поля? Считайте.
Ну и да, даже в таком виде — текст стал совершенно нечитабелен на большинстве десктопов.
Да что вы говорите. Что же конкретно вы не можете прочитать на этом скриншоте в полный размер?
Все верно, по-этому рассчитывать надо на большинство, а меньшинство должно приспосабливаться к большинству.
Рассчитывать лучше всего на всех. Но если у вас плохо с навыками — то там да, там можно сделать для большинства, а остальных то записывать в 1%, то рассказывать им сказки о том, как они должны молчать и кушать что есть, потому что именно так максимально правильно и вообще хорошо.
Это процентные размеры.
Именно. Это процентные размеры относительно реального размера шрифта. О котором вы ничего не знаете, ибо конкретный пользователь может изменять его в широких пределах через зум или настройки ОС, да и вообще он сам зависит от монитора, на котором он изображается.
Наверное потому, что мне неинтересно соревноваться с вами в туповатом юношеском максимализме?
При чем тут максимализм? Вы же сами ратовали за резиновую верстку и клеймили злых дизайнеров, которые решают, какого размера что будет. И тут сами же подогнали размер контента под свои собственные вкусы, ограничив его. Чем ваш вариант отличается от оригинального в этом смысле? Вы же точно так же решили за пользователя, что контент на всю ширину экрана ему не нужен. Просто дизайнер вк отрубил от экрана больше, а вы — меньше.
Что же конкретно вы не можете прочитать на этом скриншоте в полный размер?
Я могу прочитать все, конечно же. Просто это очень неудобно, т.к. строки широкие и не помещаются в поле зрения. Оригинальный вариант намного более читабелен.
Рассчитывать лучше всего на всех.
На всех не получится.
Но если у вас плохо с навыками — то там да, там можно сделать для большинства, а остальных то записывать в 1%, то рассказывать им сказки о том, как они должны молчать и кушать что есть, потому что именно так максимально правильно и вообще хорошо.
Погодите, но вот у нас есть два решения — то что сейчас есть в вк и ваше. То, что есть в вк — работает джля 99% и не подходит 1%. Ваше — работает для 1% и не подходит для 99%. Очевидно, если выбирать из этих двух — решение вк лучше. Если вы готовы предложить решение, которое будет удовлетворять все 100% — вы его предложите, пожалуйста. А то пока что ваше предложение состоит в том, чтобы насрать на мнение большинства ради представителей гетто.
Именно. Это процентные размеры относительно реального размера шрифта.
Еще раз — они разные при резиновой верстке. При верстке в px они визуально одинаковы на всех устройствах. Пропорции всех элементов на странице сверстанной в px будут одинаковы на любом мониторе и при любых настройках. При стандартном зуме они еще и будут иметь визуально одинаковый размер.
По-этому контент со строками никогда не должен быть широким. Это закон.
Как хорошо что есть сайты, которым этот говно-закон совсем не закон, и которые не заставляют людей с горизонтально поставленными глазами рассматривать контент через вертикальную бойницу. Википедия, например.
Зайдите на вики или к примеру на реддит — там контент полностью заполняет экран и видно все отлично
Не знаю, в какой вселенной это отлично. При чтении вики я ставлю полутарократный зум и отодвигаюсь от монитора, в противном случае читать ее просто невыносимо.
Мобильная версия лучше, но пользоваться ей на ПК затруднительно так как она рассчитана на жесты.
Ещё сама концепция подгружаемой ленты это ужас, особенно без возможности сохранять ссылку на то место ленты где ты остановился.
www.facebook.com/notes/facebook-engineering/under-the-hood-dalvik-patch-for-facebook-for-android/10151345597798920
херня какая та :(
меня больше всего удивляет, что такие громадные команды, накатывают редизайн без каких-либо A/B тестов. Либо их A/B тесты не работают, раз в подавляющем большинстве доказывают деграйд.
… загружать собственные CSS стили
Stylish в помощь
Но с другой стороны, поддержка каждой темы (если они весомо отличаются друг от друга) — большие затраты времени, пропущенные баги появляющиеся только в одной теме и т.д.
p.s. как не вспомнить «вернитестенувк»
Помнится тогда, когда сам подобное лицезрел, ничего, кроме котла ада, авторам не желал.
Какое счастье, что это заболевание прошло у ресурса.
UPD: кажется эта «вертикальная панелька» еще и раздвигалась в какой-то период… и логика была там от альтернативно-одаренных.
Для меня самое жуткое, что было на Хабре, это когда они поддались моде и сделали текст серым. Даже на хорошем мониторе глаза вытекали. Благо всегда это можно решить расширениями и очумелыми ручками.
//секунда мыслей в слух (а вдруг дед-мороз прочтет) — была бы еще темная тема(опционально, разумеется), у того же стэка/гитхаба есть userstyles.org/styles/37035/github-dark
Вспоминается LookAtMe с его серией редизайнов в конце нулевых. Не знаю, повлияли ли они как-нибудь на его популярность, но после второго редизайна, к которому пришлось снова привыкать, я перестал заходить на сайт
Зачем что-то менять?
Ведь у любой площадки есть своя аудитория. И эта аудитория заходит на эту площадку не из-за цвета кнопок, иконок и т.д. И новая аудитория там появляется не из-за этого. Люди там сидят из-за контента в основном.
Что-то как-то слабо себе представляю такой разговор:
«Вась, а тебя чего в ВК нет ?»
«Да верхняя строка там синего цвета, мне не нравится. Вот когда станет красного, так я обязательно там заведу аккаунт».
На мой взгляд на первом месте должно быть удобство. Если вы выпускаете продуки и каждый 10-й вам пишет, что в вашем продукте что-то делать сложно или неудобно, тогда стоит это менять. Но если таких отзывов нет, зачем туда лезть?
Мне, как пользователю, хочется спустя 10 лет зайти на любимый сайт и делать привычные вещи привычным способом. Все! Если при том сам сайт будет работать в 5 раз быстрее, я против не буду.
Неужели кто-то отказывается пользоваться тем же Кинопоиском потому что у него дизайн не меняется каждую неделю?
Или кто-то отказался от Windows 10, по той причине, что кнопка «Пуск» вернулась в нижний левый угол по-умолчанию?
Зачем делать изменения ради изменений, риск потерять текущих пользователей разве не пугает по сравнению с эфимерной возможностью приобрести новых?
Даже Хабр в свое время прошел путь через: «Сделать все плохо, а потом вернуть как было»
*Ну и по «играм»/«ремонту машины» общаюсь :)
Нет не кажется. Просто очередной редизайн ютуба перестал быть актуальным событием и его никто не обсуждает. Не потому, что пользователи поняли великий замысел дизайнеров и признали и вдруг все стало удобно. И ноют не потому, что старый дизайн был идеален, а новый говно. А потому, что каждый редизайн ютуб занимается не тем.
> (объективно удобно, а не «мы так привыкли»)
Напомните, с какого редизайна ютуб сделал более-менее человеческие комменты? Далеко не идеальные до сих пор. Как там поживает плеер с изменяемыми размерами и возможность скролльнуть вниз, закрепив плеер в плавающем окне, как в твиче? Зато каждый редизайн вводят какую-то ненужную хрень, каждый редизайн меняют ленту, не меняя содержимого, плеер то вправо сдвинут, то влево, то уменьшат, то вернут, как было. Это что ли Ваше объективно удобное?
Ситуацию с редизайном ютуба прекрасно описывает недавний пост про проблемы гугла. Когда редизайн делают не для того, чтобы пользователю было удобнее, не для того, чтобы расширить функционал, а для того, чтобы получить повышение. Когда не нужен редизайн, нужно исправление косяков старого дизайна, допиливание функционала, а не выкатывание нового с новыми косяками.
«Как там поживает плеер с изменяемыми размерами и возможность скролльнуть вниз, закрепив плеер в плавающем окне, как в твиче» — да никому это нахер не надо, вот и не поживает.
Сейчас наконец избавились от черных полей, осознав что видео бывают с разным соотношением сторон и показ стал ровно по ним — нифиговый такой шаг вперед. Да, это пздц насколько объективно удобнее. И в целом новый стиль после глобального редизайна — удобнее, т.к. слепошарым вроде меня стало намного проще взаимодействовать со страницей, глаза стали меньше уставать например, т.к. все стало крупнее.
«И ноют не потому, что старый дизайн был идеален, а новый говно. А потому, что каждый редизайн ютуб занимается не тем.» — объективно, о да
" Зато каждый редизайн вводят какую-то ненужную хрень, каждый редизайн меняют ленту, не меняя содержимого" — ютуб должен менять содержимое ленты?? сорян, заканчиваю
Я напомню, как развивалась ситуация. После одного из редизайнов комменты грузились через раз. А ответы прикрутили только на следующий редизайн вообще. Чем все это время занимались? Перерисовывали ленту, боковую панель, лайки и занимались прочими непотребствами.
> да никому это нахер не надо, вот и не поживает.
Никому в гугле это нахер не надо. Это я уже понял.
> Сейчас наконец избавились от черных полей, осознав что видео бывают с разным соотношением сторон и показ стал ровно по ним — нифиговый такой шаг вперед. Да, это пздц насколько объективно удобнее.
Об этом пользователи ноют уже сто лет, это даже сторонним юзерскриптом делали, вроде. Почему для этого редизайн требуется, почему нельзя было просто взять и сделать галку «плеер по ширине» и заанонсить это уведомлением?
> ютуб должен менять содержимое ленты?? сорян, заканчиваю
Сумбурно выразился. Вроде перечитывал перед отправкой…
Я имел ввиду, что не меняется принцип, по которому лента наполняется, это всегда статичное превью, текстовый блок справа от него с названием, и куском описания. Меняется только представление всего этого, размер шрифта, шрифт, расстояния, но до сих пор не сделали полного описания во всплывающем окне при наведении, не сделали множественные превью, которые бы менялись при наведении. На некоторых сайтах с видеороликами подобное уже тысячу лет как имеется. Но ютубу нахер не надо. Лучше подвигать текст туда-сюда.
P. S. Не старпер, еще и 30 нет.
А в чем проблема-то? Если не нравится 10ая винда тем, что она не 7ая, у вас есть выбор какую использовать. Все равно ведь 10ая будет отличаться, а значит вы будете недовольны, так что какой смысл вам пытаться угодить.
Сожалею, вы обречены на страдания
разговор начался мной, так что не могу встревать в собственный разговор.
> и ерепениться?
ЕРЕПЕ́НИТЬСЯ
ПРОСТОРЕЧИЕ
Раздражаясь, упрямо и задорно противиться чему-н.
ерепенитесь тут вы, а я сразу сказал что проблемы у вас надуманные. У меня нет желания оскорбить человека из комментов хабра, которого я не знаю, но проблемы ваши кажутся надуманными. Вполне вероятно что слишком много людей такие проблемы не разделяют, поэтому жалобы на «нитакой пуск» похожи на нытье. С этой точкой зрения будет тяжело воспринимать все новое, о чем я искренне сожалею.
Полагаю уже давно можно разойтись, а то блин обиды начались
Жесткие изменения были в windows 8, а windows 8.1 откатила меню пуск назад до классического видаВы ничего не путаете? В 8.1 просто добавили кнопку вызова «Пуска» на панель задач, чтобы больше не приходилось методом тыка выяснять магические жесты для его вызова.
Мысля в том, что в течении например 2 лет надо поддерживать старый дизайн. А новый предлагать поставить, но не сразу кучу фич, а по 1, по 2.
К примеру возьмем SnapChat (Не пользовался никогда, но суть вроде уловил). Почему нельзя теже истории отображать в зависимости от опции — старый стиль/новый стиль. И при обновлении предлагать пользователю опробовать новый дизайн. И показать где в настройках найти кнопочку «вернуть старый дизайн». Изменение панели тоже можно приурочить к опции.
Насчет иконок — часто замечаю от гугла — у них любимая тема менять иконочки. Но если основоваться на их примере, они меняют иконку постепенно. Просто чутка изменяется дизайн, потом еще чутка, потом еще чутка. Пользователь замечает небольшие прикольные изменения и они ему в 90% нравятся. И вот так за год иконка преображается в абсолютно другую от исходной. Если вы сомневаетесь, то наиболее наглядный пример это посмотреть хронологию версий ведра, и посмотреть как изменялись иконки play market и подобных.
Сделал редизайн — потерял миллиард