Открыть список
Как стать автором
Обновить

File management done wrong — Часть 2: Masterpiece of Shit

ИнтерфейсыДизайнИстория IT


Сегодня вам предстоит прочитать про про файловые операции и всё что с ними связано. В этой части я опишу самый дикий и опасный диалог всех времён, адскую штуку — диалог разрешения конфликта имён в Windows File Explorer. Это просто Masterpiece of Shit. Это моя любимая часть, и я думаю вы уже догадываетесь почему.


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


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




Выделение объектов


Всё начинается с выделения объектов. В Windows File Explorer с выделением всё закономерно плохо — сложно выделить множество объектов и случайно не потерять выделение. Вариант выделения с чекбоксами особо не помогает. В Google Drive примерно та же фигня, но там хотя бы нельзя потерять выделение кликнув случайно между плиток.


Я считаю, что объекты должны открываться 1 кликом (ведь бывает надо кликать столько, что палец потом болит), а режим выделения включаться длинным нажатием (как на телефоне), либо выделением одного объекта при помощи иконки выделения (преимущественно для тача). Вот мой вариант, смотрите подписи:


image


Буфер обмена


От этого я офигевал с первых минут использования Windows. При копировании/вырезании объектов они просто перестают существовать в интерфейсе и это совершенно неправильно. Ладно хоть есть менеджеры буфера обмена (типа ClipX), но для файлового менеджмента это скорее извращённые костыли. Про это кажется ещё Jef Raskin писал в The Humane Interface лет 20 назад. Хотя может и путаю, нет времени проверять.


Я уверен, нужно явно выделять в интерфейсе переключение в режим копирования/перемещения объектов. И я совместил бы это с выделением. Кстати, выделение объектов в нескольких папках одновременно (как на в Google Drive на мобильном) может сэкономить кучу времени.


image


Так это может быть сделано в десктопном интерфейсе:


image


Иконки в ряд — действия "Select all", "Invert selection", "Deselect". Можно сразу создать папку с выделенными файлами. Как это должно работать можно посмотреть у меня в видосе.


Призраки

Такой штуки нигде не видел, но мне бы точно пригодилась. Было бы круто видеть все копируемые/перемещаемые файлы и папки в точке назначения сразу, а не по мере завершения операций. Еще круче было бы иметь возможность работать с ними. Короче, я придумал Призраки, эдакие квазиобъекты:


image


Контекстное меню


Нужно совершать с объектами всякие действия. Если это нельзя сделать при помощи drag'n'drop или хоткеев, в дело вступает контекстное меню. В File Explorer оно изначально выглядит неопрятно, а со временем вообще превращается в адскую помойку. Открывается оно далеко не моментально, иногда и несколько секунд.


image


Никаких штатных средств по устранению этого ада не предусмотрено, спасибо, Microsoft!


Мой вариант выглядит скорее как Google Drive, можно сделать раскрывающимся, чтобы прятать всё "лишнее":


image


Но это слишком просто, меня всегда интересовало, почему никто не делает радиальное меню в мейнстримных продуктах? Мне нравится меню Commo Rose из Battlefield. Принцип "Зажал кнопку — Выбрал действие — Отпустил" тоже очень хорош, через пару дней использования вообще не смотришь в меню, выбираешь по памяти. Сравните с File Explorer.


image


Вот мой вариант радиального меню, "лишнее" так же прячется:
image


Можно сделать и с текстом, как в Battlefield, только зачем?


Действия и очередь


Только ленивый не прикалывался над оценкой времени копирования в Explorer, мне нравится вариант xkcd.


image


В последнем File Explorer диалог с прогрессом копирования/перемещения сделан вроде сносно, очередь работает нормально, но его поведение неверно — он сначала копирует часть файлов, потом задаёт вопросы, вроде конфликта имён, потом продолжает, потом снова задаёт вопросы...


Ненавижу Windows за то, что любое приложение может внезапно всплыть (перехватив ввод с клавиатуры) поверх окна, с которым ты работаешь! Можно случайно тыкнуть по нему не глядя и перезаписать важную инфу. Очень удобно. Неужели создатели ни разу с этим не сталкивались? Да конечно сталкивались.

Графики и прочая инфа в расширенном режиме скорее бесполезны.


image


Отмена совершённых действий — просто ад. Попробуйте отменить их штук 5 разных и скорее всего поймёте что получилось явно не то что вы ожидали. Я тут попробовал накидать (с помощью кастомного floating action button) прогрессбар и несколько вариантов завершения операций и соответствующих действий, надеюсь по иконкам понятно что я имею в виду.


image


Если что, любое действие потом можно будет отменить через всплывающее уведомление — snackbar.
В идеале нужно специальное меню где можно отменить любое действие с файлами и папками, хоть то, что было неделю назад. Хотел ещё написать про массовые действия… вспомню — добавлю.


Разрешение конфликта имён


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


У меня нет желания углубляться в историю этой войны, я просто хочу показать до какого дна можно дойти из лучших побуждений. Прочитайте пожалуйста гайд от Microsoft как сделать один из худших диалогов разрешения конфликта имён — Designing the Windows 8 file name collision experience.


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



Итак, если вы вдруг не знали, в последней версии самой распространённой в мире ОС нужно кликнуть минимум 4 раза (с высокой точностью!) чтобы сохранить и перемещаемые объекты и те, которые есть в папке. Там нет простой кнопки "Keep both".


image


Это просто Masterpiece of Shit. Но они гордятся своей работой! Даже видос сделали — "Improving our file management basics". Почему крупнейшая в мире компания не могла нанять топовых дизайнеров, а не этих динозавров? Ответ был в первой главе — Microsoft плевать на дизайн, как и всем остальным. Они не пользуются своими продуктами.


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

Не надо дизайнить то, чем ты сам не пользуешься. Скорее всего, получится херня. Все эти исследования на подопытных людях — полная шляпа. Только личный опыт, только хардкор!

Примеров действительно хорошего диалога конфликта имён не так уж много, вот один из них — TeraCopy, старая версия:


image


TeraCopy, новая версия с открытым сравнением файлов (открывается по клику):


image


Я попытался сделать свой вариант на Material Design expansion panels, грубый набросок:


image


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




В следующей части я расскажу о связи десктопа и облака, о порочном союзе Windows File Explorer и Google Backup and Sync, пользование которым окончательно уничтожило во мне остатки веры в светлое будущее дизайна.
В противовес этому безумию я постараюсь поделиться своим видением будущего файлового менеджмента, по-настоящему стирающего границы между десктопом и облаком. Утопией, о которой мечтаю уже лет 10. Надеюсь это произойдёт раньше, чем через 3 месяца, оставайтесь на линии.


PS

Последнее время ощущаю особенно остро: в то время как бесполезные хипсторы рассказывают про дизайн системы с бесполезными красивыми рендерами в изометрических проекциях, самодуры типа Мейла дурят сами себя, а школьники из ВК фоткаются типа "смотри я работаю", портят интерфейс на десктопе и выкатывают новые иконки на мобиле, настоящий дизайн остаётся на уровне 10-летней давности.
Кто вообще сделал всё то, чем мы реально пользуемся, и куда они все пропали после этого? Ушли работать в Гугл и заблудились там?

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Всё сгнило?
40.87% Да 47
28.7% Нет 33
30.43% Непонятно 35
Проголосовали 115 пользователей. Воздержались 30 пользователей.
Теги:file managerdesigninterfaceuiwindowsmicrosoftgoogle
Хабы: Интерфейсы Дизайн История IT
Всего голосов 35: ↑20 и ↓15 +5
Просмотры4.3K

Комментарии 31

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

Похожие публикации

Project Manager
19 апреля 202159 400 ₽GeekBrains
Product Manager IT-проектов
28 апреля 202165 000 ₽OTUS
Дизайн сетей ЦОД
28 апреля 202145 000 ₽OTUS
IT-Recruiter
28 апреля 202150 000 ₽OTUS
UI-дизайнер
30 апреля 202159 900 ₽Нетология

Лучшие публикации за сутки