텍스트 선택 팝업 메뉴에서 텍스트 숨기기 - 피드백

이 주제는 텍스트 선택 팝업 메뉴의 텍스트를 숨겨서 시각적 노이즈를 줄이는 현재 실행 중인 실험에 대한 피드백을 수집하기 위한 것입니다.

7개의 좋아요

이제 뭔가 너무 흐릿하게 느껴져요. 모든 요소가 작아졌으니 아이콘을 조금 더 어둡게 하면 어떨까요?

그리고 액션이 많을 때만 이렇게 하면 좋을까요? 인용만 있는 경우에는 텍스트를 유지하는 것이 합리적이고 공간 문제도 없잖아요?

2개의 좋아요

모바일에서 해당 아이콘들이 매우 작습니다. 이미지에서 작성기 버튼과 작성기 AI 도우미와 비교해 보았습니다. 배경에 있는 좋아요 , 링크 , ..도 볼 수 있는데, 이들도 더 큽니다.

그리고 AI 옵션들을 기억하는 데 정말 어려움이 있었습니다. 제 기억이 맞다면 "영어로 번역"과 "설명"이었는데요. 하지만 상징(아이콘)만으로는 그걸 구별하기가 매우 어렵습니다.

5개의 좋아요

감사합니다! 확실히 더 크게 만들어야 할 것 같아요.

실제로는 별개의 기능입니다. AI 메뉴는 클릭 시에 표시되도록 변경되었습니다.

1개의 좋아요

제 폰에서는 AI 반짝임 아이콘을 클릭하면 라벨 없이 아이콘만 있는 하위 메뉴가 표시됩니다.

또한, 호버 메뉴의 ‘인용’ 아이콘은 작성기에서 ‘전체 인용’이 사용하는 말풍선 아이콘이 아니라, 작성기의 blockquote와 동일한 아이콘입니다.

5개의 좋아요

스크린샷을 추가합니다.


「인용(Quote)」 기호는 변경되지 않았습니다. 항상 blockquote와 동일했습니다. 하지만 대부분의 사용자는 말풍선보다 이 기호에 더 익숙하다고 생각합니다. 또한 그 기호가 discobot 튜토리얼의 일부조차도 아니라고 생각합니다.

4개의 좋아요

최근 피드백을 바탕으로 몇 가지 조정을 마쳤습니다.

4개의 좋아요

네, 호버 메뉴가 아이콘만 표시되기 때문에 ‘두 가지 기능, 하나의 아이콘’이라는 점이 더 강조되는 것 같습니다. 다른 (기술에 덜 익숙한) 포럼에서 꽤 많은 신규 사용자가 작성기에 있는 blockquote 기호를 보고 답글을 인용하는 줄 알고 헷갈려 하는 모습을 여러 번 봤습니다. 인용 기호는 blockquote보다는 ‘인용’에 더 적합해 보입니다.

3개의 좋아요

고급 사용자들에게는 아주 좋은 아이디어라고 생각합니다. 하지만 신규 사용자에게는 버튼의 기능을 가르쳐 주기 위해 라벨을 표시하는 것이 더 나을 것 같습니다. 처음 몇 번 사용할 때 올바르게 사용할 수 있도록 도와주는 일종의 가이드 역할을 하게 될 것입니다.

2개의 좋아요

(어제 작성했는데 게시를 깜빡했어요)

그 아이디어가 마음에 듭니다. 로그인하지 않은 상태에서는 공유 버튼이 유일한 버튼으로 표시됩니다.
버튼을 x회 사용하여 그 기능을 익히면 설명이 사라지는 것도 좋을 것 같습니다. 하지만 그렇게 하더라도, 처음에는 모든 버튼에 설명이 표시되어야 합니다.

1개의 좋아요

또 하나 흥미롭게 생각해 볼 점이 있습니다… 애플처럼 “텍스트 전용” 방식은 어떨까요? 그들이 그 길을 선택한 데에는 분명 이유가 있을 거라고 생각합니다.

다른 플랫폼에서는 어떻게 구현하고 있는지 간단히 조사해 보는 게 좋겠습니다.

Slack

  • 다크 툴바 - 매우 높은 대비
  • 아주 좋은 툴팁 (floatkit과 비슷하다고 생각합니다)
  • 구분선
  • 아이콘 전용

Notion

  • 라이트 툴바 - 높은 대비
  • 아주 좋은 툴팁 (Slack처럼 위에 표시)
  • 아이콘 전용

Medium

  • 다크 툴바 - 매우 높은 대비
  • 툴팁 없음
  • 아이콘 전용

전체적으로 눈에 띄는 점은 … 더 나은 대비, 더 나은 호버 상태(파란색 호버 대신 회색 배경), 그리고 더 좋은 툴팁입니다… 이걸 시도해 봐야 할 것 같습니다…

또한 … 이제 AI 버튼이 있으므로, 이 부분에 대해 다른 실험을 하나 더 해 봐야 합니다

5개의 좋아요

네, 웹과 운영체제에서 텍스트 선택과 관련된 좋은 예시를 꽤 많이 정리했습니다. Apple은 텍스트 기반 시스템을 사용하지만, Notion이나 Slack 같은 대부분의 텍스트 기반 웹 앱은 아이콘을 사용합니다. 아주 구체적으로 말하면 텍스트를 사용하긴 하지만, 90%는 아이콘입니다.

3개의 좋아요

디자인은 마음에 들지만, 실제로는 별로일 것 같습니다. 저는 인용을 많이 하는 편인데(하루 평균 10회 이상) 인용 버튼이 다른 버튼들보다 크기가 큰 점이 좋습니다. 이것이 코어에 포함된다면, 사용자가 다른 버튼들보다 특정 버튼 하나만 더 크게 만들 수 있을까요?

1개의 좋아요

여기서는 어디에 배치하나요? 버튼이 몇 개를 초과할 때만 텍스트를 숨기나요?

1개의 좋아요

버튼이 3개 이상 있으면 텍스트를 숨깁니다.

1개의 좋아요

저는 이 병합에 이의가 없습니다. 괜찮다고 생각하는데… @mcwumbly ?

1개의 좋아요

사용자로서 4개 이상을 권장하며, 텍스트는 숨겨져 있습니다 :smirking_face:

:exploding_head:
이제 왜 내가 계속 무언가를 바꾸는 것처럼 느껴졌는지 이해가 갑니다. 어떤 아이콘은 설명이 붙고 어떤 것은 그렇지 않은 패턴을 눈치채지 못했었네요.

하지만 어째서인지 제 경험과는 맞지 않습니다. 옵션이 4개 이상일 때(또는 AI가 포함되지 않았을 때)인 것 같습니다. 게시물을 수정할 수 있을 때는 옵션이 4개라 텍스트가 숨겨집니다. 하지만 다른 게시물에서는 버튼이 3개라 "인용"과 "복사"에 텍스트가 표시됩니다. 별표 옆에 AI 텍스트가 없는 이유는 무엇인가요?
Screenshot_20240104_232859_Chrome
Screenshot_20240104_232836_Chrome

게시물을 수정할 수 있는지 여부와 관계없이 메뉴가 항상 동일한 방식으로 작동하기를 원합니다. 현재는 마치 놀란 달걀을 여는 것 같은 느낌입니다. 제 게시물뿐 아니라 모든 위키에서도 텍스트가 없는 메뉴가 표시되기도 해서, 어떤 버전이 나올지 알 수 없거든요.

2개의 좋아요

음. 내 기억이 틀렸을 수도 있겠네. 아마 3개보다 많으면 있겠지.

네, “AI” 텍스트가 없고 "인용"과 "인용 복사"만 있는 건 정말 이상하네요. 업스트림으로 올리기 전에 이 부분을 수정해야 합니다.

타이틀이 없는 게 아무것도 없거나, 모든 게 있는 것 중 하나여야 합니다. 33%/66%는 말이 안 되죠.

2개의 좋아요