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

[Diary Spirit]

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

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

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

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

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

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

Comments

[Ishytori]

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

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

+много

Ноутбук, последняя Мозилла, если что.

[miv&mouse]

Собакен сам намекает))



А вообще интересно было бы представить какие бы были иконки с его точки зрения?

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

[нос]

Tenno Seremel, вы были правы. Италик уберут )

[Tenno Seremel]

нос, ура

[Судзугамори Рен]

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

[de_maria_na]

маленькие юзерпики на основной странице, хотелось бы побольше

[Мива]

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

emercy, у всех что-то с чем-то будет ассоциироваться, поэтому колокольчик и является наиболее привычным и распространенным вариантом.

[Зомбиолень]

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

А так в целом диз норм.

[quirischa]

Зомбиолень,

В дневниках, где меню с правой стороны

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

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

[Tenno Seremel]

Зомбиолень,

На главной странице все шрифты увеличены, очень долго проматывать вниз до просмотра кто в сети.

В таких комментариях лучше указывать разрешение и размеры экрана, с какого устройства смотрите и выставленный масштаб. Потому что это всё очень влияет на восприятие размеров шрифтов.

[Тень Черного Зверя]

Мне не понравилось. Безлико и бледно. Никаких особых удобств не заметила.

[Torn Myr]

Нравится! Спасибо

[|elha|]

Ну наконец-то, ура.
Есть пара замечаний:
1. Смайлы и стикеры во всплывающем окне - это не эргономично.
2. Во всплывающее окно "Добавить изображение" неплохо бы добавить возможность перетаскивать изображение (как, собственно, и в основное поле записи/комментария).

А в целом - очень понравилось, вы молодцы!

[Warlord Jr.]

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

Что бросилось в глаза: с телефона при открытии папок в умыле видна только тема письма, а чтобы увидеть имя написавшего, приходится пользоваться горизонтальной прокруткой, не очень удобно выходит.
Телефон Xiaomi Mi A2, браузер - последняя версия Хрома.
Если кто-то раньше об этом писал, прошу прощения, не увидел в комментариях.

скрин

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

Спасибо тем, кто поработал над дизайном! Это в любом случае потраченные часы, потраченное время.
Однако, не могу причислить себя к фанатам нового дизайна.
Что не нравился уже сейчас:
1) Мне не нравится, что я не вижу свой ник полностью Нет, "птенец баб" тоже звучит ничего так, но всё же. Мне аватарка не так нужна, как мой ник, который я не меняю уже лет десять.
2) Два/три неровных столба при нажатии "дневников" и "помощи". Не то чтобы дайри повально читали пьяницы с тремором, но давайте так - вылизывать движения мыши до миллиметра не хочется. Хочется спокойно нажать на очевидную кнопку. А тут не так.
3) Очевидный для любого человека факт - когда мы держим телефон, самая удобная область для нажатия - низ экрана. Почему же в мобильной версии все важные кнопки наверху?? Неужели не нанимали UI/UX-дизайнера хотя бы для отладки уже готового дизайна? Вам бы сразу указали на банальную не эргономичность подобного распределения кнопок. Всё важное в мобильной версии должно быть внизу, тогда сайтом удобно пользоваться.

[Tenno Seremel]

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

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

Меню внизу? Изврат какой.

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

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

[Асмела]

птенец бабочки-крылатки, это не мобильная версия. Меню внизу с компьютера - таки изврат.

[дикий вереск]

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

[OxanaKara]

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

[Hokori]

quirischa, а можно пожаловаться? У меня на бете перестали отображаться последние дискуссии и комментарии в дневнике, ни цифрами нет, ни на главной странице, нигде. Правда, комментарии в дневнике всплыли на основном сайте и привели к надписи "это чужая запись". Это же починят, да?

[Tenno Seremel]

птенец бабочки-крылатки, я не жму большим пальцем никогда

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

Асмела, это не мобильная версия посмотрите код через страницу браузера (например chrome), начинайте ужимать страницу до момента мобильной версии Она там, сразу после планшетной.

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

OxanaKara, версия общая я говорю о мобильной версии.

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

Tenno Seremel, феноменально!

[Мива]

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

[Мива]

Tenno Seremel, и я не жму, для меня это неудобно. Не знаю, у кого как, но у меня и в ВК в мобильной версии меню сверху.

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

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

[Karla]

win 7, chrome, 1280*1024
С компа на "новой", не проматывая, вижу только меню в самом верху и гигантский список избранного.

На "старой" главной, не проматывая, информации намного больше.

старое

новое

[OxanaKara]

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

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

[~Lady_Loki~]

Лично мне не нравится... У меня вообще на этой бете всё косячно... Я даж хз, это так ток у мну или так и должно быть... Просто чистый белый фон с картинками, когда захожу в свой днев, даже букв никаких вообще не видно... Я не знаю, как это всё можно комментить... Я не люблю все эти новомодные однотипные дизайны, которые сейчас принято лепить на всех сайтах... Может под мобильные устройства они и хороши, но для чего тогда m.diary.ru и прочие версии просмотра для мобильных, а для компа это ужасно, белый фон Я вообще ненавижу...

[lyekka]

когда захожу в свой днев

~Lady_Loki~, обратите внимание на UPD в собщении Diary Spirit:

12.01.2019 в 09:48

Пишет  Diary Spirit:

Upd по мотивам часто задаваемых вопросов:

3. Дизайн вашего дневника/сообщества на бете может отображаеться с ошибками, потому что работа по самим дневникам еще не завершена. На основной сайт эти баги отображения дизайна дневника/сообщества переноситься не будут.

4. Новый дизайн пока что касается только служебных страниц:
- Главная
- Настройки
- Списки, которые выводятся на отдельной странице (Все дневники, Мои сообщества, Список Избранных и так далее), и списки, которые выводятся лентой на отдельной странице (Последние записи и так далее)
- Каталог сообществ
- U-mail