#будни_админа #веб_разработка

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

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

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

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



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

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

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

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

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

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

Время шло, ломались копья...