ReFeRy

#редизайн_2017 #реклама_на_фанфиксе

И никто даже не обратил внимание на то, что в новом дизайне профиля не стало верхнего блока рекламы :(

#редизайн_2017

Спойлер к обложкам профилей

Уже вот-вот должен закончить все работы и новый дизайн профиля появится на сайте.

P.S. Меню я снова передизайнил и теперь оно мне нравится.

#правки_дизайна_фанфикса #редизайн_2017

Есть у Фанфикса сложность с недостаточным разнообразием дизайнов горизонтального меню. Сейчас таких дизайнов два: первый в виде табов для верхнего уровня (в блогах там пункты "Блоги", "Обсуждения", "Уведомления"), а второй для любого другого уровня меню (в блогах там "Общая лента", "Подписка" и т.д.).

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

В новом дизайне профиля пользователя тоже такое меню и тоже есть страницы, где нужно две строчки меню. Пилю третий вид дизайна. Пока получается спорно:

Профиль
Фандом
Коллекция

#редизайн_2017

Это снова я :)

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

У нас ограничение тоже будет. Менять обложку на произвольную смогут только активные пользователи. Сразу после регистрации менять обложку будет нельзя (я все ещё не выбрал стандартную обложку - принимаются предложения). После достижения 300 баллов рейтинга появится возможность сменить обложку на одну из предустановленного набора, одинакового для всех. После достижения 500 баллов рейтинга появится возможность загружать произвольную картинку. Цифры предварительные и могут поменяться.

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

#редизайн_2017 #веб_разработка #внутренности_фанфикса

Многие пишут в комментариях "зачем вообще что-то менять?"

Отвечаю:

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

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

Вот возьмем тот же профиль пользователя. Ответьте на вопрос "как просмотреть все арты пользователя?" - вроде не сложно: "прокрутить профиль вниз, в левой колонке будет блок с миниатюрами артов, нажать на заголовок блока". В новом дизайне подобного вопроса вообще ни у кого не возникнет, все важные разделы профиля будут представлены в горизонтальном меню.

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

#редизайн_2017

Доделывая новый дизайн профиля, размышляю над обложкой по умолчанию.

Пока лидирует вот такой вариант: http://take.ms/2z7ms

Есть тематический с Хогом: http://take.ms/UPzox

Есть варианты с книжками, вот такой http://take.ms/e7UYs и вот такой http://take.ms/jgPUU

Ну, и просто картинка, которая мне нравится: http://take.ms/PKKdS

Еще можно подумать над уникальной картинкой с лого фанфикса и в наших цветах, надо Иоланту напрячь подумать над вариантами.

P.S. На скриншотах видно стрелочку рядом с кнопкой подписки - туда спрячутся параметры подписки, ссылка "Подарить фанфик" и ссылки: добавить в ЧС/удалить из ЧС, скрывать в общей ленте блогов/не скрывать. Отображение онлайна хочу сделать, как сейчас во ВКонтакте - зелёным кружком в углу аватарки, а информация о том, как давно пользователь был на сайте, в общей информации, где на скриншоте "звание, откуда, зарегистрирован". Там же будет и рейтинг.

P.P.S. Спрятал в новом профиле две текстовые пасхалки, вам понравится :)

#редизайн_2017

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

Поэтому вот: http://take.ms/06PmS

Что будет нового:

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

2. Личная информация пользователя будет свернута, её всегда можно будет развернуть и посмотреть.

3. Фон шапки можно будет загрузить свой или выбрать из нескольких стандартных.

4. На главном экране профиля подняты выше основные блоки: список фанфиков, блог.

#редизайн_2017

По хэштегу можно посмотреть предыдущую версию наброска нового дизайна.
Вот вторая версия: http://take.ms/h25f0

Расскажу немного, что здесь и зачем.

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

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

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

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

Широкая правая колонка призвана решить несколько задач. Увеличится размер шрифта в меню. Баннер размером 300х250 пикселей позволит отказаться от верхнего горизонтального баннера и возможно от квадратного баннера под шапкой фанфика. Так же в правой колонке будут появляться сообщения о нововведениях на сайте, которые сейчас появляются только в блогах, из-за чего большая часть посетителей сайта их не видит. Возможно, там найдётся место ещё для каких-то полезный мелочей.

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

Пункт "Моё избранное" заменяет мои фандомы, мои закладки, мои подписки, пои метки, мои коллекции, об этом я писал вчера.

#редизайн_2017

Первый набросок нового дизайна для фанфикса - http://take.ms/Lu9eS

Это всё пока очень примерно.

P.S. Логотип старый воткнул, какой был под рукой :)

#редизайн_2017

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