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

[Diary Spirit]

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

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

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

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

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

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

Comments

[emercy]

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

Совсем не мешает и не надоедает

Пока да, но много ли мы пользовались бетой? В Яндекс-браузере анимация загрузки мне сначала нравилась, а потом осточертела)) Бургер на плюс, конечно, поскромнее будет.

[Командорский голубой песец]

С мобильного - супер, за это прям спасибо!

Но для десктопа так делать нельзя


Десктоп - он для того, чтобы все умещалось на 1 странице без прокрутки (раньше практически умещалось, но не идеально). Сейчас открываю главную страницу на ноуте - и ее распидорасило на на 4!!! скролла вниз. Очевидно, что такой адаптивный дизайн хорош для мобилки, но для дескотопа нужно делать другую версию - здесь же не пальцем работают, а мышкой. Скролл тут хорош только для ленты, но никак не для главной страницы! Очень надеюсь, что главная страница на компе не останется такой нелепой Т_Т

[Ice Addict]

Командорский голубой песец, полностью поддерживаю. Да и на телефоне всё должно быть компактно. Кручение мышкой и листание пальцем - зло!

[Heavy Rain]

Командорский голубой песец,

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

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

[Tenno Seremel]

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

[.ishi]

Heavy Rain,

удалили некоторое количество старых логов.

А о насколько старых логах идет речь? У меня есть беседа, созданная 13 февраля 2016 - все логи сообщений, со всеми вложениями, на месте. Причем там за все время было больше 30 человек, и за месяц количество сообщений может переваливать 10 тысяч. Однако я не вижу, чтобы что-то пропало, все на месте (а если бы и было удалено, то было бы удалено от начала, а не кусками в разных местах, верно?). А ведь все это дело место на серверах занимает... много места. У Дайри таких ресурсов не будет никогда. хД
В любом случае, даже если бы у меня что-то удалилось, какова вероятность, мне понадобится что-либо искать в диалоге трехлетней давности? Она не нулевая, конечно, но насколько высокая?

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

[Heavy Rain]

Воля Д.,

У меня есть беседа, созданная 13 февраля 2016

2016 - это не старый. ))) речь о 2010-м годе примерно. и да, мне нужно было там найти кое-что, так что, высокая вероятность или нет, но она существует.

[Musanka]

Симпатичный дизайн, но надо привыкнуть

[Mahaon Randell]

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

[a-s-k-a]

ПРЕДЛОЖЕНИЕ ПО ДИЗАЙНУ СТРАНИЦ

Не знаю, куда его написать, надеюсь, админы прочтут.
Хотелось бы, чтобы в табличном дизайне страниц дневника (для бесплатных дневников) вы убрали зазоры между ячейками таблицы (то, что в HTML называется атрибут cellspacing в таблице - расстояние между внешними границами ячеек). Между ячейками с заголовком и текстом и т.п. Сквозь эти зазоры просвечивает фон полоской шириной в 1 пиксель, и если фон пестрый и контрастный, то получается пестро-пунктирная линия, что портит дизайн. Пусть бы ячейки отделялись друг от друга просто границей, цвет которой можно задать в настройках.

скриншот

[la_Distance]

А будет опция "смотреть в своем/стандартном дизайне"?
Простите, увидела этот пестрый фон, и поплохело))

[a-s-k-a]

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

[la_Distance]

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

[a-s-k-a]

la_Distance, понятно

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

А, и еще! ПОЖАЛУЙСТА, СДЕЛАЙТЕ ПОДПИСКУ НА ТЕМЫ ВНУТРИ ДНЕВНИКА. Чтобы можно было видеть не все посты из выбранного дневника, а только по каким-то темам, которые тебя интересуют.

[Ice Addict]

a-s-k-a, наоборот же хорошо, что фон поглядывпет!

[a-s-k-a]

Ice Addict, иногда хорошо, но чаще нет. Пример - на скриншоте.

[Ice Addict]

иногда хорошо, но чаще нет. Пример - на скриншоте.

Мне понравилось.

[Ayva]

А поддержу Ice Addict, мне тоже нравится, когда фон просвечивает, практически всегда, не помню, чтоб не понравилось. Это миленько.
А вот заставлять людей выбирать цвет для какой-то там полоски вместо просвечивающего фона — не миленько.

[a-s-k-a]

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

[a-s-k-a]

Ayva,

А вот заставлять людей выбирать цвет для какой-то там полоски вместо просвечивающего фона — не миленько.

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

[Ayva]

a-s-k-a, он же и так всех цветов, которые нравятся — цветов фона.

сделайте на несколько тонов темнее, чем фон записи, и достаточно.

— Скукота.

[.ishi]

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

Можно взять пример с цитат на том же Reddit, например: там одиночная закрывающая скобка (>) преобразуется в вертикальную черту с отступом от левого края, такое выделение сразу хорошо видно. Сейчас такое можно сделать только с использованием html-тегов:

Например, вот так.

Код настраиваемой кнопки для тех, кому интересно.

<table><tr><td width=30px></td><td style="border-left:3px solid silver">[cuRs][maRk]</td></tr><table>

[Mark Cain]

В дневниках с изначально курсивным шрифтом такую цитату вообще отделить невозможно

+1000.

[*Snowberry*]

Золотые слова.

[Takeo on the Jupiter]

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

[a-s-k-a]

Takeo on the Jupiter,

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

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

[Аманда Гриннингсон]

Как-то пофиг. Появилось бы мобильное приложение, было бы интересно. А дизайн и старый норм.

[Magic Berry]

Супер! Очень нравится.
Единственное, что я бы переделала: убрала шрифты с засечками и не стала бы мешать их со шрифтами без засечек.

[Hokori]

Я смотрю, есть подвижки, из самого заметного - меню передали. Думаю, это стоит вынести в пост как обновление

[Mark Cain]

Да, меню в самом деле стало более дружественным! и умыл больше не открывается всплывашкой, что тоже удобно. ^^