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

[Diary Spirit]

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

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

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

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

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

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

Comments

[r0di0n]

В «Настраиваемых копках» есть ссылка на «библиотеку кнопок», которая со старым дизайном, но это ж тоже служебная страница.

[Норлин Илонвэ]

Неплохо.
Минималистично и более современно, почти ничего лишнего - кроме иконки аватара. Она все равно мелкая, ее толком не видно, тем более с телефона. А так за ее счет режется ник, это не очень-то приятно :/
Шрифт не скажу, что идеальный. Поиграйте со шрифтами То ли он блекловато выглядит, то ли разреженно, то ли еще что, не пойму.
Что мне категорически не понравилось, так это поиски входа в Мой дневник. То, что должно быть на самом видном месте. Вижу, что на это многие обращают внимание:

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

Еще +много.

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

[n001mary]

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


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


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

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

[Tenno Seremel]

n001mary, в бете отдельная база сообщений и комментариев, она временная. И дизайн там сломанный.

[птенец бабочки-крылатки]

OxanaKara, да, я могу согласиться с тем, что предложенный мною вариант не всем удобен. Индивидуальные особенности, как-никак
Как вообще большим пальцем можно что-то делать на телефоне, кроме пролистывания страницы? ой, поверьте, много чего можно делать Просто совпадение размера экрана телефона и размера ладошки нужно определённое %) В моём случае достать до верхних уголков экрана той рукой, в которой я держу телефон - просто невозможно :/ Всегда приходится использовать вторую руку. Мобильные приложения, опять же, сразу рассчитываются под это - у большинства панель с опциями располагается внизу.
У вас есть инстаграм на телефоне? Вы добавление поста, просмотр лайков и поиск открываете каким способом? Я, если что, не стебусь, мне правда очень интересно как люди взаимодействуют с интерфейсами))

[n001mary]

Tenno Seremel, понятно)) я примерно так и подумала))
(просто удивилась))_)

[OxanaKara]

флуд с

птенец бабочки-крылатки

У вас есть инстаграм на телефоне? Вы добавление поста, просмотр лайков и поиск открываете каким способом? Я, если что, не стебусь, мне правда очень интересно как люди взаимодействуют с интерфейсами))

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

[Henryshen]

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

[Eswet]

вас есть инстаграм на телефоне? Вы добавление поста, просмотр лайков и поиск открываете каким способом?

Для статистики: всегда все действия в инсте - правым указательным, держа телефон в левой. До иконок в левой части я большим пальцем не достаю, а при попытке достать еще и задеваю те, которые справа. До верхних иконок ("стрим" и часть сториз) - тоже не достаю. Lenovo K6 Power, в чехле
впрочем, мне вообще непонятен концепт управления чем бы то ни было на телефоне большим пальцем, им же невозможно никуда точно попасть!

[Собака серая]

вместо писем на мыло - счетчик на сайте

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

[птенец бабочки-крылатки]

OxanaKara, если вторая рука занята, а нажать на ссылку хочется, тянусь к ней примыкающим к среднему боком указательного я попробовала повторить, и чуть не расколотила телефон об пол! Вот это да И, кстати, пытаясь удержать телефон на весу, я как раз боком указательного пальца понаоткрывала всё подряд, так что поняла про низ телефона прижимается основанием пальца Большое спасибо что поделились! Буду иметь ввиду что и такое обращение с интерфейсом есть %)

[Lady Joe]

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

[lyekka]

вместо писем на мыло - счетчик на сайте??

n001mary, но ведь весь смысл такой подписки в уведомлениях на почту

[Vinogradinka]

вместо писем на мыло - счетчик на сайте??

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

[r0di0n]

А ещё если ссылку «платная процедура» (beta.diary.ru/sms/?shorthelp&service_name=conve...) со страницы настроек преобразования дневника в сообщество открыть в новой вкладке, то у этой вкладки будет старый значок favicоn.

Шарясь по страницам настроек, обнаружил, что там то используется буква «ё» в словах, то не используется, тире может быть как длинным, так и коротким, а то и вообще дефисом, телефоны где-то написаны через пробелы, где-то через дефис, могут быть пропущены знаки препинания и т. п. По этому поводу куда-то нужно писать, или всё со временем и так поправят, или не поправят, но и писать не нужно? ))

[lyekka]

Vinogradinka, по-моему, n001mary говорит о "Подписка по E-mail".

[n001mary]

Собака серая,

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

я имела в виду как доп. функцию просто

lyekka,

но ведь весь смысл такой подписки в уведомлениях на почту

знаю, но...
у меня оч. много подписок, а времени открывать КУЧУ постов в почте по одному - банально нет...
я и так от самых "лишних" отписалась уже (раньше кол-во было аж за 5000!)...
я бы скорее хотела такую доп. функцию (вот за это я даже платить готова, т. к. это сильно облегчит мне жизнь на дайрях)))_)

Vinogradinka,

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

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

[Hokori]

просто мне бы хотелось "перенаправить" поток писем=новых постов из подписки из почты сразу на сайт))

n001mary, эм, а чем плохо добавление в избранное? В ленте избранного будут все новые посты от заинтересовавшего человека и никаких писем в почте

[I NADEJDA]

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

[Tetroka]

Оформление шапки понравилось, иконки понятны, звездочки или сердечки лично мне не принципиальны.
Нравятся раскрывающиеся списки в странице профиля и вообще ее вид. В самом дневнике особо изменений не заметила, за исключением поля комментариев — там новые обозначения, стикеры и превью для картинок ( а можно еще опцию width="***px;" , а то приходится этот тег вручную проставлять, а он очень удобный! хотя можно его загнать в кнопки, я как-то не подумала)
Не нравятся шрифт и междустрочный интервал на главной странице и в профиле, слишком большие, страница расорячивается бесконечно. В старом дизайне имхо лучше — компактнее. Но только за это хунтить новый не буду.

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

[Мива]

Я сейчас ужимаю бета-версию, и вижу три разных дизайна - на декстоп, на планшет и на мобил. То есть, там уже несколько разных версий. Понятно объясняю, ещё не потерялись?)

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

переместить меню в мобилке туда, где до него будет удобней достать большинству людей.

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

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

OxanaKara, аналогично.

[Victory_Day]

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

[Мива]

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

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

[Victory_Day]

Мива, может, можно и хаос, но управляемый)

[Мива]

может, можно и хаос, но управляемый)

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

[Victory_Day]

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

[Мива]

Собакен сам намекает))
А вообще интересно было бы представить какие бы были иконки с его точки зрения?
Ну будка это понятно - сам дневник, мясо - пч? а деревце заменить слово - комментарии ...

miv&mouse,
почта - тот самый значок @
дискуссии - диалоговое окошко с надписью аф (или аф-аф) внутри )
упоминания - все тот же колокольчик или ошейник (на нем обычно указывается имя и др. данные)
дневник - будка/домик
новая запись - отпечаток собачьей лапки
избранное - мясо (любимая "пища" для души и ума)
дерево - его бы я отнесла к БИ или цитатнику как к собачьей кладовой, куда можно зарыть и запрятать на черный день все самое нужное, чтобы было под лапой ))

[Мива]

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

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

[*Snowberry*]

(Это всё, наверное, неважно, но тем не менее.)

Тюкаю в кратком избранном на beta.diary по ссылке Комментарии (те, что «подгрузятся на этой странице») — а они не подгружаются. Браузер вышвыривает со страницы краткого избранного в Шушенское дневник, где те комментарии живут.
Не работает, в общем, ссылка.

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

Сейчас лента меню на служебных страницах (и, соответственно, в кратком избранном) хоть и яркая, но более-менее тонкая. А та, что на beta.diary, широкая (т.е. высокая) очень. На неё, пожалуй, не получится не обращать внимание — а значит, вариант читать записи в избранном через краткое избранное для меня практически отпадает. (К тому же, шрифт тамошний для моих глаз несъедобен абсолютно — в отличие от нынешнего. Как, кстати, и шрифт на кнопках в окне добавления комментария.)