Дизайн дневников 2019

[Diary Spirit]

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

Последние два месяца мы его тестировали, что-то меняли, отлавливали ошибки. Однако, недоделки и упущения наверняка еще остались. Если у вас есть конкретные замечания и предложения, вступите в наше сообщество Diary-дизайн 2019 и напишите свои предложения там: одно предложение/замечание/пожелание — один пост и комментарии к нему. К посту ставьте тему, по которой вы пишете и старайтесь там сильно не "мусорить". Чем точнее вы изложите ваши конкретные мысли, тем быстрее и лучше мы сможем понять сказанное и отреагировать.

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

Важно: на бете и на основном сайте единая база данных юмылов, дизайнов дневников и сообществ, а также библиотеки изображений. То есть, если вы поменяете на бете дизайн дневника, он поменяется и на основном сайте. Если вы удалите из БИ изображения на бете, они удалятся и на основном сайте.

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

Upd по мотивам часто задаваемых вопросов:
1. Бета работает медленнее, потому что она находится на старых серверах.
2. База беты скопирована с основного сайта 26 декабря, поэтому на бете отсутствуют посты, комментарии, дискуссии, появвившиеся позже этой даты. Это нормально, нужно только для тестирования дизайна служебныых и никак не повлияет на ваш дневник/сообщество на основном сайте.
3. Дизайн вашего дневника/сообщества на бете может отображаеться с ошибками, потому что работа по самим дневникам еще не завершена. На основной сайт эти баги отображения дизайна дневника/сообщества переноситься не будут.
4. Новый дизайн пока что касается только служебных страниц:
- Главная
- Настройки
- Списки, которые выводятся на отдельной странице (Все дневники, Мои сообщества, Список Избранных и так далее), и списки, которые выводятся лентой на отдельной странице (Последние записи и так далее)
- Каталог сообществ
- U-mail

Comments

[*Bacca*]

А а через несколько лет будут практически все.

чо там можно увидеть в инете на этих крохотных экранчиках? да и работать с ними невозможно. Нормальный монитор не меньше 21 дюйма никуда не исчезнет.

позвать авторов таких постов и вот у нас будет штаб))

Как год назад)))
Идите собираться в Диван же!

[Girl from the tank]

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

[Heavy Rain]

Girl from the tank, она и так компонуется и разворачивается.

[Eswet]

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

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

[Girl from the tank]

Heavy Rain, я просто не имею возможности посмотреть и с телефона, и с планшета, и с монитора. Если везде по-разному, тогда поверю вам.

[Girl from the tank]

Heavy Rain, я просто не имею возможности посмотреть и с телефона, и с планшета, и с монитора. Если везде по-разному, тогда поверю вам.

[Рагни Алькари]

Сходил посмотрел с телефона. И наконец-то понял в чём проблема этого дизайна, почему всё так странно устроено. Таарищи, так он же явно изначально пилился под телефон, а десктопная версия представляет из себя растяжку мобильной по принципу "как-нибудь растянулось, и ладно".

[нос]

Кнопка Избранного 10 лет отображалась сердечком в старой мобильной версии — m.diary.ru (которую постоянно просят оставить и не удалять, так сильно привыкли к ней). И там никого не смущала. Теперь вдруг стала для многих неузнаваемой

[нос]

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

[нос]

просто, чтобы было видно и противоположное мнение
Меню фикбука ужасно. После их обновления было много ора, что ничто и никому не нравится и верните как было, масса народа просто ушли. Лично мне не нравится, когда надо угадывать в какой пункт надо ткнуть, чтобы получить нужное. Да и ник как закрывашка меню непонятен и неудобен.
А сердечко Избранного как раз очень понятное, сразу видно что это. Вот с дискуссиями и уведомлениями не очень понятно, если цифр снизу нет (с цифрами сразу всё очевидно ).

Hokori, сообщите, куда вам выслать гонорар

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

[Hokori]

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

Бывает, что у пользователей одинаковые аватарки, например, потащенные из сетов на (З)ФБ, поэтому хотелось бы видеть ник, хотя аватарка тоже не помешает.

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

Рагни Алькари, значит я вас не поняла )).

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

Зато мимо общей ленты дневников уже не пройти Новичкам проще будет, сразу можно будет найти что-то интересное, а постоянные пользователи и так знают куда тыкнуть, чтоб к себе попасть. Я думаю, что именно такова задумка админов (впрочем, могу ошибаться ).

[Hokori]

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

нос, выше для дискуссий неплохой вариант предложили (правда, его тут же раскритиковали). Лично я успела привыкнуть к имеющемуся варианту, потому ничего и не предлагаю

[Рагни Алькари]

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

[нос]

Самый непонятный знак, как я понял, Уведомления.
Можем нарисовать для них колокольчик (как в фейсбуке, вконтакте) — это вам будет понятно/приятно?
Для Дискуссий использовали облачко со строчками в старой мобильной версии.



Теперь перерисовали его для беты с точками, и зачем-то квадратным.
Ну... да, наверно, надо нарисовать его поизящнее. Согласен. Это устроит или нет? Если нет, предложите пиктограмму для Дискуссий. Как я понял, все должно выглядеть реалистично. Правда, я не знаю, как в жизни выглядят дискуссии.

Для иконки Новой записи можно использовать листок с плюсом, как было в старой мобильной (см. скриншот), а карандаш — для нового письма (такое просили недавно, как самое естественное, что только есть в жизни).

И так далее — ПРЕДЛАГАЙТЕ.

[нос]

Напомню, что надо периодически обновлять страницы Беты — Ctrl+F5, чтобы видеть сделанные исправления. Там постоянно что-то поправляют и меняют.

[*Snowberry*]

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

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

[нос]

Кстати, на Бете в Настройки сайта вернули настройку Собаки. Теперь, если у вас отключена реклама, но вы позвали Собаку, она будет выглядывать и повторять свои глупости

[нос]

что-то подобное подошло бы дискуссиям



la_Distance, вас понял. Два облачка — это не одно облачко ))

[нос]

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

[*Snowberry*]

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

[нос]

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

Асмела, это вы о чем? Мне нужно про это знать или вы просто так? )

[Hokori]

Для Дискуссий использовали облачко со строчками в старой мобильной версии.

Идеально

Можем нарисовать для них колокольчик (как в фейсбуке, вконтакте)

Сейчас кто-нибудь точно скажет, что нет, но мне кажется, что будет понятнее, чем сейчас

[нос]

Может, стоит левую и правую часть этой верхней панели поменять местами? Тогда и ник длинный влезет. И, возможно, подписи к иконкам. А с планшета и телефона подписи пропадут.

la_Distance, будем переделывать меню

[нос]

десктопная версия представляет из себя растяжку мобильной по принципу "как-нибудь растянулось, и ладно"

Рагни Алькари, наверно, вы работаете следователем с такими способностями?

[Мива]

Самый непонятный знак, как я понял, Уведомления.
Можем нарисовать для них колокольчик (как в фейсбуке, вконтакте) — это вам будет понятно/приятно?

нос, я сегодня уже и предложила колокольчик ) Пока пара людей согласилась, остальные молчат )

Пишет  Мива:

16.01.2019 в 15:24

По поводу вида пиктограмм. Лично мне пиктограммы мой дневник (раскрытая книга), новая запись (карандаш), сердечко (избранное), почта (конверт) понятны. Если для кого-то сердечко - это только лайк, то как вариант можно использовать звёздочку, но именно этими двумя вариантами чаще всего помечают избранное. По поводу уведомлений и дискуссий тут действительно все однообразно выглядит. В качестве предложения оставить какой-нибудь вариант пиктограммы с диалоговым облачком для дискуссий, а для уведомлений сделать пиктограмму в виде звонка/колокольчика, такие варианты встречаются.
И если стоит вопрос о том, какие пиктограммы должны быть среди основных пяти, то, на мой взгляд, можно поменять местами уведомления и избранное, все остальное важно и должно быть в первичном доступе. Уведомления же читают не все и не постоянно. Такая перемена с пиктограммами может снизить и риск путаницы уведомлений и дискуссий между собой.

URL комментария

[Мива]

несколько горизонтальных линий в кавычках? Имхо, вполне опознаваемо.

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

[la_Distance]

Пока пара людей согласилась, остальные молчат )

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

[Атрика]

Собачка вернулась даже у безрекламщиков

у меня собаки так и нет, а теперь исчезла даже косточка(( (за отключение рекламы плачу, есть адблок, браузер Вивальди)

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

Ну и в сравнении с другими знаками:

[Ангулема]

нос,

Кстати, на Бете в Настройки сайта вернули настройку Собаки. Теперь, если у вас отключена реклама, но вы позвали Собаку, она будет выглядывать и повторять свои глупости

Я заметила сегодня днем, спасибо за возвращение собачки

[Мива]

Для иконки Новой записи можно использовать листок с плюсом, как было в старой мобильной (см. скриншот)

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