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

[Diary Spirit]

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

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

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

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

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

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

Comments

[Heavy Rain]

LegnaXra,

Хотела предложить некоторые свои мысли по поводу дизайна

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

[nemv]

Heavy Rain, а чем не подходит? По сути всё то же самое, просто две панели меняются местами - вытаскивая необходимые функции в левую часть (у нас вроде пока слева направо читают), а всё остальное в большом меню - направо.

[Heavy Rain]

nemv, так написал же. с телефона правой рукой в левый угол тянуться неудобно. тут же надо все нюансы учитывать.

[la_Distance]

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

[*Snowberry*]

Basenji,

Особо хочу отметить жутчайший Times New Roman

и кривой несглаженный шрифт на кнопках

О да.

[nemv]

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

[Heavy Rain]

nemv, так вы мобильный вариант смотрели в соцсетях или обычный? во вконтакте есть иконки справа.
насчёт рук, в к примеру www.cmsmagazine.ru/library/items/moblile/how_do...
посвежее статистику некогда сейчас искать, но в любом случае правая рука - ведущая, вне зависимости от того, двумя или одной рукой держится телефон. то же с планшетами, скорее всего.

[Heavy Rain]

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

[nemv]

Heavy Rain, ну я ж сказал, что контакт и инстаграм - приложения, а фейсбук - мобильная веб-версия. И то и другое с телефона. То, чем пользуюсь сам.

[Heavy Rain]

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

хотя чего мы это всё обсуждаем...

[Beisa]

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

[nemv]

Heavy Rain, справа там меню, которое как раз предлагают вправо и убрать!
Вот, скрины.

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

[Демонесса]

nemv, я пользуюсь одной правой при использовании телефона. В левой у меня пакет

[la_Distance]

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

[taty@nka]

LegnaXra, ваш вариант значительно приятнее воспринимается. Особенно градиент нравится.)) И если уж заставят привыкать к пиктограммам, то вот такое их расположение будет значительно удобнее. Только запятые между никами добавить бы еще.)) И профиль лучше смотрится.)

[Кольцехвост]

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

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

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

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

И да, обязательно трогайте дизайн стандартных дневников и сообществ тоже! А тем, кто хочет старый - просто оставьте возможность поставить его как отдельный вариант, как сейчас CSS дизайн. Либо платно, либо нет, смотря скольким людям надо.
И вообще - даёшь движение вперёд) Go Diary!

[la_Distance]

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

[nemv]

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

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

[Агата Лерд]

И да, обязательно трогайте дизайн стандартных дневников и сообществ тоже!

Кольцехвост, вас сейчас распнут. *флегматично* Возможно, даже без предварительного суда и анестезии.

[Хеллечка]

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

[la_Distance]

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

[Кольцехвост]

Агата Лерд, иии, это должно меня напугать?)
Да и с чего вдруг? Я же говорю - оставить возможность поставить себе старый дизайн, кому он нужен. Это, в конце концов, всё равно кто-нибудь да сделает, даже если не администрация. С помощью всё того же CSS.

[MirrinMinttu]

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

[Светоч]

Я как пользователь офигеваю от количества... мммм... негодования, которое сейчас тут льется. Страшно представить, какого админам. Работали год - и вот такая встреча...
Скромно напомню, что к катастрофе закрытия дневников, которая чуть не случилась чуть больше года назад, привело как раз отсутствие каких-либо изменений, потому что "нам нравится стагнация, ничего не трогайте!!!1111 Оставьте всё, как было в 2000 году!!!11". Надеюсь, админы были к такому готовы и сейчас мужественно это всё встретили и читают Расставив вокруг себя вёдра валерьянки.
По опыту других сайтов - я не знаю ни одного сайта, у которого бы гладко прошла смена дизайна. Всегда и везде новый дизайн встречали словами "что за ужас, верните, как было!". И ничего. Сейчас даже ВК кажется адекватным.

[quirischa]

MirrinMinttu, уже скоро почти год будет, как сделали: diary-spirit.diary.ru/p215096175.htm?from=last

[taty@nka]

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

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

Кольцехвост,

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

Давайте сделают платным новый дизайн, для таких желающих как вы?

С помощью всё того же CSS.

Не все его знают.

[Светоч]

По поводу пустого места справа от текста на экране. Да, туда действительно просится собака Но, вообще, меня слегка удивляет реакция
Смотрите, вот количество пустого места на новом дизайне справа:


А вот - количество пустого места на нынешнем дизайне.


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

[Heavy Rain]

Светоч,

А вот - количество пустого места на нынешнем дизайне.

и этот слипшийся текст...

[Демонесса]

taty@nka,

Давайте сделают платным новый дизайн, для таких желающих как вы?

И я бы даже за такое платила) Потому что он удобнее нынешнего, особенно на телефоне.

[Кольцехвост]

taty@nka, давайте, нет? Поскольку сдаётся мне, что таких желающих как я будет несколько больше, чем таких нежелающих, как вы)
А ещё нежелающие никак не желают думать о новых пользователях, без которых этот сайт задохнётся, сколь бы "удобненько и лампово" тут не было.

Не все его знают.

Его и не нужно знать всем. Цсс дизайны из библиотеки устанавливаются одним кликом.