Pushpin: Отображать фокусированную карточку доски в строке заголовка вместо доски

Созданный на 13 нояб. 2019  ·  13Комментарии  ·  Источник: automerge/pushpin

Как было описано в https://github.com/inkandswitch/pushpin/pull/310#issuecomment -551936885, было бы очень полезно предоставить обработчикам контента дополнительные элементы управления без перегрузки пользовательского интерфейса. Вот пример обработчика содержимого текста / кода, который вместо предоставления субтитров позволяет переключать режим синтаксиса.

mode-switch

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

inline-mode-switch

Я хотел бы предложить отображать активную / сфокусированную карточку в строке заголовка, таким образом, это обеспечит единообразие взаимодействия с пользователем, а все общие настройки или действия могут отображаться в строке заголовка. Это в значительной степени создает метафору «строки меню» из macOS, где приложение предоставляет общие действия.

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

Все 13 Комментарий

Кстати, я бы также предпочел заменить элемент <select> в приведенных выше демонстрациях на «omniselect», который со временем обеспечит более согласованный опыт + фильтрацию и, возможно, даже более мощные функции.

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

У нас сейчас куча проблем с фокусом и выбором, которые я все равно пытался решить, так что я думаю, что это поможет. Будет ли сбивать с толку, если вы выберете 1-2 карты и не получите такой фокус? Мысли о том, как это будет работать?

Взгляните на ветку cleaner-drag чтобы узнать о незавершенной работе.

Будет ли сбивать с толку, если вы выберете 1-2 карты и не получите такой фокус? Мысли о том, как это будет работать?

Я полагаю, вы имеете в виду, что одновременно выбирается несколько карт?

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

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

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

Вы имеете в виду это?

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

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

о, я думал не о полном вложении, а просто наложении текущего
выбранный элемент.

Во вт, 12 нояб.2019 г., в 23:17 Ираклий Гозалишвили <
[email protected]> написал:

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

Вы имеете в виду это?

https://user-images.githubusercontent.com/21236/68500724-3aa7da80-0211-11ea-955d-cc40de8cfc83.png

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

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

-
Вы получили это, потому что прокомментировали.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQAAJDTGB6IJ4M32AY3QTOSXNA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXWG43
или отказаться от подписки
https://github.com/notifications/unsubscribe-auth/AAAAWQCIWHWFL5HTNX4J3ELQTOSXNANCNFSM4JMR24IA
.

-
Питер ван Харденберг
Сан - Франциско, Калифорния
«Все было красиво и ничего не болело», - Курт Воннегут.

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

Нет выбора

image

Выбранное текстовое примечание

image


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

image

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

Пробовал еще одну версию, в которой значки имеют визуальную обратную связь для того, что выбрано. «Пунктирная граница» ниже означает, что выделение не является активным. Сплошная рамка указывает на активный выбор. Если бы ничего не было выбрано, значок доски имел бы выбор. Не очень доволен результатом, но все равно решил опубликовать.

image

Screen Shot 2019-11-18 at 1 01 14 PM

Кстати, я также обнаружил, что выбрать несколько карточек и редактировать их заголовки в строке заголовка очень удобно.

Это круто!

В пн, 18 нояб.2019 г., в 13:48 Ираклий Гозалишвили <
[email protected]> написал:

[изображение: снимок экрана 2019-11-18, 1 01 14 PM]
https://user-images.githubusercontent.com/21236/69096724-d273a880-0a09-11ea-976c-73454a48aff8.png

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

-
Вы получили это, потому что прокомментировали.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHSOKGZVHNYPWUN77LQUMERLA5CNFSM4JMR24IKYY3PNVWWWK3TUL52HS4DFVREXG43VL2HS4DFVREXG43V2
или отказаться от подписки
https://github.com/notifications/unsubscribe-auth/AAAAWQDXQQT4S7M2GMHQ54TQUMERLANCNFSM4JMR24IA
.

-
Питер ван Харденберг
Сан - Франциско, Калифорния
«Все было красиво и ничего не болело», - Курт Воннегут.

Сделал несколько попыток сделать его более привлекательным (хотелось бы получить отзывы)

Нет выбора

Screen Shot 2019-11-22 at 4 54 37 PM

Выбор текстовой карточки

Просто накладывает плату на карту
Screen Shot 2019-11-22 at 4 54 51 PM
Screen Shot 2019-11-22 at 4 54 55 PM

Складывание кнопок навигации под

Нет выбора

Screen Shot 2019-11-22 at 4 59 24 PM

Выбор кода

Screen Shot 2019-11-22 at 4 59 34 PM

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

22 ноя 2019 в 17:16 Ираклий Гозалишвили <
[email protected]> написал:

Сделал несколько попыток сделать его более привлекательным (хотелось бы получить отзывы)
Нет выбора

[Изображение: снимок экрана 22 ноября 2019 г., 4 54 37 PM]
https://user-images.githubusercontent.com/21236/69470371-14bf2180-0d4b-11ea-859b-0bf89e10432c.png
Выбор текстовой карточки

Просто накладывает плату на карту
[Изображение: снимок экрана 22 ноября 2019 г., 4 54 51 PM]
https://user-images.githubusercontent.com/21236/69470372-14bf2180-0d4b-11ea-8136-0b99f6dc0d8a.png
[Изображение: снимок экрана 22 ноября 2019 г., 4 54 55 PM]
https://user-images.githubusercontent.com/21236/69470373-14bf2180-0d4b-11ea-9266-735d864d5b57.png
Складывание кнопок навигации в разделе "Нет выбора"

[Изображение: снимок экрана 22.11.2019, 4 59 24 PM]
https://user-images.githubusercontent.com/21236/69470375-1557b800-0d4b-11ea-9e71-68b2dadb7e27.png
Выбор кода

[Изображение: снимок экрана 22.11.2019, 4 59 34 PM]
https://user-images.githubusercontent.com/21236/69470376-1557b800-0d4b-11ea-9ac8-320d2f1ee31f.png

-
Вы получили это, потому что прокомментировали.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHZD7CO37AUHZG5JF3QVB75ZA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS443DFVREXW5CNFM4JMR24IKYY3PNVWWK3TUL52HS443DFVREXW5X4X4DFVRXWX
или отказаться от подписки
https://github.com/notifications/unsubscribe-auth/AAAAWQB73MFUDNOOSIJYDUDQVB75ZANCNFSM4JMR24IA
.

-
Питер ван Харденберг
Сан - Франциско, Калифорния
«Все было красиво и ничего не болело», - Курт Воннегут.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги

Смежные вопросы

radio-alice picture radio-alice  ·  7Комментарии

Gozala picture Gozala  ·  9Комментарии

Gozala picture Gozala  ·  4Комментарии

edrex picture edrex  ·  7Комментарии

canadaduane picture canadaduane  ·  9Комментарии