새로운 게시물 편집기 메뉴 옵션이 iPhone 8에서 기어 아이콘을 화면 밖으로 밀어냅니다

현재 게시글 편집기 메뉴 옵션이 너무 많아 추가 작업을 위한 기어 아이콘이 예상 영역 밖으로 표시되고 있습니다. 아래 스크린샷은 iPhone 8에서 촬영한 것입니다.

3개의 좋아요

음, 네. 기본 버튼 세트 외에 추가 버튼이 하나만 더 추가되어도 작은 기기에서는 이런 문제가 발생합니다… 이 경우 추가된 버튼은 혼합 텍스트 방향 전환 버튼입니다. 이 바에는 임의의 수의 버튼이 추가될 수 있으므로, 최소한 가로 스크롤은 가능하도록 해야 할 것 같습니다.

9개의 좋아요

아니면, 더 많은 옵션을 표시하는 생략호(…) 버튼을 추가하는 건 어떨까요?

추가 버튼을 누를 필요 없이 서식 메뉴에 더 쉽게 접근하고 확인할 수 있으므로, 가로 스크롤 방식을 선호합니다.

음, 충분히 이해가 가는 말이네요.

여기에 가로 스크롤을 쉽게 추가할 수 없는 것으로 밝혀졌습니다. 이는 넘친 내용을 숨기는 것을 포함하며, 기어 메뉴는 오버플로가 표시되도록 해야 하기 때문입니다.

@pmusaraj 님이 작은 크기에서 툴바를 더 잘 확장되도록 개선하는 작업을 수행했습니다:

…그러나 결국 더 많은 버튼을 지원할 방법을 찾아야 합니다. 게시물의 …처럼 기어 아이콘을 변환하고, 기본적으로 더 많은 항목을 그곳에 숨기는 방식으로 해결해야 할 수도 있습니다.

3개의 좋아요

현재 솔루션에 대한 피드백을 듣고 싶습니다. 버튼 사이의 간격이 줄어든 지금, 작은 기기(예: iPhone 8)에서 버튼을 여전히 합리적으로 쉽게 탭할 수 있는지 궁금합니다.

@awesomerobot "전체 게시물 인용"과 “방향 전환” 버튼을 기어 메뉴 아래로 이동해야 한다고 생각합니다. 이 버튼들은 그렇게 자주 사용되지 않으므로 툴바에 상시로 배치할 필요가 없습니다. (후자인 "방향 전환"은 메타 사이트에서는 여기에 있지만, 사이트 설정 뒤에 숨겨져 있어 실제로는 매우 적은 수의 사이트에서만 사용될 가능성이 높습니다.)

1개의 좋아요

저는 iPhone 8을 사용 중입니다. 새로운 간격은 괜찮다고 생각합니다(12개의 버튼과 두 개의 구분선). 하지만 이건 툴바에 합리적으로 넣을 수 있는 것의 한계일 것 같습니다. 더 이상 추가된다면 탭하기가 쉽지 않을 것이라 상상할 수 없습니다.

방향 전환 버튼은 확실히 동의합니다. 전체 인용은 경계선상에 있습니다. 굵게 및 기울임과 같은 것들보다 덜 사용하지만, 두 개의 목록 메뉴 옵션보다는 더 자주 사용합니다. 솔직히 말해서, 목록 메뉴 옵션은 전혀 유용하지 않다고 느낍니다. 별표(*)나 숫자를 직접 입력하는 것이 훨씬 쉽다고 생각합니다. (참고로, 목록 또는 번호 매김 목록 아이콘을 여러 번 누르면 굵게 및 기울임과 마찬가지로 강조된 항목의 목록 표시를 켜고 끌 수 있지만, 두 유형 간에는 작동하지 않습니다. 이미 목록 유형이 존재하는 경우, 해당 아이콘을 누르면 다른 목록 유형으로 대체되도록 하면 좋겠습니다.)

제 경우, 가장 많이 사용하는 툴바 메뉴 옵션은 이미 기어 아이콘 뒤에 숨겨져 있는 '세부 정보 숨기기’와 '스포일러 흐림’입니다. 이건 주로 목록, 굵게, 기울임(많이 사용하는 다른 것들)은 기본적으로 *를 추가하는 것이므로 쉽게 직접 입력할 수 있는 반면, 다른 것들은 훨씬 긴 BBCode 스타일의 태그를 입력해야 하므로 버튼을 누르는 것이 더 빠르기 때문이라고 생각합니다.

각 메뉴 옵션이 다양한 기기에서 얼마나 자주 클릭되는지에 대한 데이터가 없으신가요? 직접 표시할 것과 기어 아이콘 뒤에 숨길 것에 대한 결정은 이를 기반으로 내릴 수 있을 것 같습니다.

다른 몇 가지 참고 사항/제안:

  • 구분선을 제거하는 것이 좋겠습니다. 구분선은 논리적인 그룹이 있음을 시사하지만, 전체 인용이 굵게 및 기울임과 무슨 상관이 있습니까? 하이퍼링크가 서식 지정된 텍스트와 무슨 상관이 있습니까? 목록이 이모지와 무슨 상관이 있습니까? 지금은 꽤나 임의적으로 보이며, 공간을 낭비하고 있을 뿐입니다.
  • 어떤 메뉴 옵션이 표시/숨겨지는지는 설치 수준에서 설정할 수 있다고 가정합니다. 하지만 사용자 수준에서 설정 가능하도록 고려해 보셨습니까? 모든 사람이 다른 방식으로 작업하므로, 툴바의 순서를 완전히 사용자화할 수 있도록 하는 것이 합리적일 수 있습니다. 예를 들어, 사용자가 툴바 옵션을 순서대로 정렬할 수 있도록 하고, 그 순서대로 표시되도록 할 수 있습니다. 사용자가 사용하는 기기에 따라 들어가지 않는 항목은 자동으로 기어 메뉴로 이동되므로, 데스크톱에서는 사용자의 상위 15개 항목이, 모바일에서는 상위 12개 항목만 표시될 수 있습니다. (또는 사용자가 3개 항목만 중요하게 여겨 나머지는 항상 기어 아이콘 안에 있도록 할 수도 있습니다. 이것이 지원될 수 있다면요.) 가치에 비해 더 복잡할 수 있지만, 아이디어를 언급해 보았습니다.
3개의 좋아요

피드백 주셔서 감사합니다, @seanblue. 정말 감사드립니다. 순서 없는 목록/순서 있는 목록 버튼을 기어 메뉴로 이동하자는 제안(모바일에만 적용)을 매우 좋아합니다. 또한 구분선에 대해서도 말씀이 맞다고 생각합니다. 데스크톱에서는 약간의 역할을 하지만, 모바일에서는 그 역할이 훨씬 적으니까요. 모바일에서도 구분선을 제거하는 실험을 해볼 수 있을 것 같습니다.

이 세 가지 변경 사항을 제 목록에 추가했습니다. 작업이 완료되면 모바일에서 버튼들이 더 여유로워질 것입니다.

모든 버튼이 설치 수준에서 설정 가능한 것은 아니며, 사용자 수준에서 설정 가능하게 하는 것이 유용하지 않을 것이라고 생각합니다. 대부분의 사용자에게는 너무 세분화된 커스터마이징이라, 초고급 사용자만 토글할 필요가 있을 것입니다. (그리고 초고급 사용자는 브라우저에서 사용자 정의 스타일시트를 사용하는 등 같은 일을 수행하는 다른 방법을 찾습니다.)

4개의 좋아요

두 가지 변경 사항(모바일 전용)이 이제 병합되었습니다(PR): 순서 없는/순서 있는 목록 버튼을 기어 메뉴로 내리고 구분선을 제거하는 것입니다. 피드백을 다시 한번 감사합니다, @seanblue.

4개의 좋아요

이 주제는 20시간 후 자동으로 닫혔습니다. 새로운 답글은 더 이상 허용되지 않습니다.