편집 버튼이 아닌 클릭 가능한 컴포넌트

기여 UX
1

컴포넌트의 이름이나 컨테이너를 반복해서 클릭해야 콘텐츠에 접근할 수 있는 상황이 자주 발생합니다.

편집 버튼 외에도 컴포넌트의 제목, 그리고 가능하면 컨테이너 자체(최소한 제목)를 클릭할 수 있도록 하면 좋은 기능이 될 것 같습니다.

image
image1019×313 34.2 KB

컨테이너의 경우 Learn More 링크 때문에 어떻게 작동하는지 정확히 모르겠지만, 둘이 함께 작동할 수 있다면 좋겠습니다. 그렇지 않다면, 최소한 제목만 클릭할 수 있어도 충분합니다.

Learn more 링크가 컴포넌트 생성자가 아닌 Discourse에서 자동으로 추가되는 것이라면, learn more를 위한 별도 열을 추가하고 컨테이너를 클릭 가능하게 설정하는 방식으로 구현할 수 있을 것입니다.

이 경우 열 구성은 다음과 같을 것입니다.
Title | Learn more | Themes | Active Status | Edit | More

이렇게 하면 Title 컨테이너를 클릭 가능하게 만들 수 있고, Learn more가 있는 컴포넌트는 해당 링크를 자체 열에 표시할 수 있습니다.

다음과 같이 “Category Banners” 컨테이너가 클릭 가능하게 되는 것입니다:

image
image1005×292 29.7 KB

7개의 좋아요
Categorizing bug and ux issues
2

저도 비슷한 생각을 하고 있지만, 설치된 플러그인 목록에 대한 것입니다.

어떤 이유로인지 행 하이라이팅이 이 항목이 클릭 가능한 것처럼 느껴집니다. 예전에 플러그인 설정이 개편되던 시기에 내부적으로 이 문제를 제기한 적이 있습니다.

그 결과, 현재는 제목이 클릭 불가능하지만 Settings 버튼은 여전히 남아 있습니다(스크린샷에서 Edit에 해당하는 부분).

개인적으로는 컨테이너 전체를 클릭해도 편집 모드로 진입할 수 있으면 좋겠지만, 어떻게 될지 지켜보겠습니다. 그래서 저는 +1을 던집니다.

10개의 좋아요
3

실제로 그것은 "트리거"입니다.

원본 이미지처럼 제목에 색을 입히는 것도, 제목이나 컨테이너가 클릭 가능하게 된다면 좋은 추가 요소가 될 것입니다.

물론 이 방식은 플러그인과 컴포넌트 모두에 적용됩니다.

4개의 좋아요
4

하이라이팅 때문에 그런 인상을 주는 것 같다는 데 동의합니다 @awesomerobot. 하이라이팅을 제거하면 약간의 혼란 요소를 없앨 수 있으니, 여기서는 단순히 하이라이팅만 제거하는 것이 해결책이 될 수 있을 것 같습니다.

일관성 문제를 어떻게 다룰지 고민되긴 합니다. 우리는 여러 곳에서 클릭 가능한 행을 사용하고 있지만, A 태그를 중첩하는 것은 큰 문제이기 때문에 클릭 가능한 행을 사용하지 않는 방향으로 전환했던 것 같습니다.

2개의 좋아요
5

네, 관리자 화면 전체에 걸쳐 행을 하이라이트하는 방식은 큰 의미가 없습니다. 링크를 중첩해야 하는 상황이 너무 많고, 어차피 행 전체를 클릭 가능한 요소로 만들 수도 없으니까요… 제거하는 것이 가장 좋은 선택입니다.

이와 관련하여 정리 작업을 진행 중입니다:

4개의 좋아요
6

하지만 제목을 적어도 “파란색”(또는 웹사이트가 사용하는 어떤 강조 색이든)으로 만들고 클릭 가능하게 만드는 것이 합리적이지 않나요? 사람들이 자연스럽게 하는 행동이니까요. Edit(또는 플러그인에서는 Settings)이 존재하듯이, 제목, 사용자 이름 등을 클릭하는 것은 모든 웹사이트의 상호작용의 일부입니다. 따라서 플러그인과 컴포넌트에서도 이것이 합리적일 수 있다고 이해할 수 있습니다.

2개의 좋아요
7

네, 클릭 가능한 제목도 합리적인 것 같습니다.

2개의 좋아요
8

좋아요! 내 뇌가 그 점에 대해 모두에게 감사할 거예요 :laughing:

1개의 좋아요
10

여기서 제목을 클릭 가능하도록 만드는 작업을 진행 중입니다

7개의 좋아요