[기능 추가] 좋은 UX를 설계하는 법을 추가해주시면 감사하겠습니다.

[115dkk]

감사하게도, 슈퍼루피를 통해 이걸 만들었습니다.

115dkk/mactype_tauri#3

와-아!

하지만 좋은 UI가 언제나 좋은 UX인 것은 아닌 모양입니다.

실제 사용 시도 결과 다음의 UX 문제가 있습니다!

1, 쓸 수 없는 더미 기능이 UI에 산재해있습니다. 아무것도 하지 않는 쓰레기 버튼이 없도록 강제해야 합니다. 장식이라면 최소한 장식임을 표시하는 기능을 표시하도록 하거나 옵션을 끌 수 있게 합니다.
2.

텍스트 입력을 서슴치 않게 요구합니다. 이건 반드시 '찾기' 기능 또는 특정 폴더를 감지해 드롭다운을 주는 식의 기능으로 바꿔야 합니다. 이 UI는 그 외에도 글꼴 이름을 직접 입력하라고 종종댑니다...
3. 최초 명령시 i18n이 필요함을 빼먹으니, 프로그램의 특성상 다중 언어 지원이 필요함에도 깡으로 한국어만 출력하셨습니다. 제가 지적하니까 수정했습니다.

이런 문제와, GPT가 흔히 실수하는 UX 문제들을 모아 프론트엔드에 하나 더 추가해주실 수 있을까요?

그리고 덤으로 이 문제도 해결해주세요.

SEO를 데스크탑 프로그램에서 채점하는 문제 (그래서 제 프로젝트에 robot.txt가 존재합니다...)

스킬에서 분기를 만들어주면 될 것 같습니다.

[beefiker]

감사합니다. 저도 예제로 조금 더 복잡한 앱을 만들어봐야겠네요! 조만간 반영해보겠습니다

[115dkk]

감사합니다. 저도 예제로 조금 더 복잡한 앱을 만들어봐야겠네요! 조만간 반영해보겠습니다

슈퍼루피 없이 만든 것을 추가로 더 공유해드리겠습니다.

https://github.com/115dkk/Impulcifer-pip313/tree/master/gui
https://github.com/115dkk/Impulcifer-pip313/tree/master/webview_ui

각각 Ctk, pywebview로 만든 것입니다.

파이썬으로 프로토타입을 만들 때 Slop을 피하기 위한 여정에 도움이 되면 좋겠습니다.

특히 Ctk는 tk 라이브러리의 고질적인 문제점(캔버스를 매번 다시 그린다는 점)으로 인한 잔상버그가 있어서 쓸만한 미학에도 불구하고 웹뷰를 따로 만들게 되었는데, 웹뷰 결과물이 학습에 도움이 되면 좋겠습니다.

사실 이건 이슈로 쓸만한 내용은 아니지만, 다른 루트가 없어보여 이쪽으로 적습니다.

Ctk는 스샷 자료를 남기지 않아 직접 보셔야 하지만, 웹뷰는 자료가 있습니다.

115dkk/Impulcifer-pip313#137

개발에 도움이 되었으면 합니다. 사실 이것도 완벽하지는 않겠지만, 프로토타입으로는 도움이 되었으면 합니다.

[115dkk]

추가로 밟은 UX 문제를 보고합니다.

115dkk/mactype_tauri@91c1117

에디터형에서 Undo/Redo는 클로드조차 자주 까먹곤 합니다. 그래도 클로드는 알아서 지적해주는 경우가 있는데 GPT는 절대 스스로 그런 발상을 안 하는 편입니다.

115dkk/mactype_tauri@35b1781

기본값을 어떤 특정 테마로 고정해버려서 설치 시 초기화되는 문제

115dkk/mactype_tauri@84691a9

'알아서 추가하라'고 하면 유의미한 UX 대신 무의미한 바로가기형 항목만 잔뜩 추가하는 문제

115dkk/mactype_tauri@f8d72b1

언어 및 테마 선택이 UI 아래쪽에 충분히 공간이 있음에도, 전체 화면을 추종해 스크롤 바깥으로 도망가버리는 현상

115dkk/mactype_tauri@dc88ed0

Undo를 사용자가 스크롤 굴릴때마다 받아 쓰레기값이 양산되는 현상 & 입력하라는 것처럼 만들어놓고 입력할 수 없는 필드

---

순수 UI로는 이거 하나 추가해주세요.

115dkk/mactype_tauri@e9f1310

프로그램일 경우 못생긴 윈도우 제목표시줄은 갈아달라는 내용을 추가해주십사 합니다.

[beefiker]

오우 추가내용 너무 감사합니다. 이런 세세한 정보 너무 좋네요

[115dkk]

어쨌거나 정말 감사합니다!

snowie2000/mactype#1142

슈퍼루피가 없다면 이 PR은 이루어지기 어려웠을 겁니다. 대규모 역공학 프로젝트의 시작을 일으키신 겁니다.

[115dkk]

UX에 이 문제를 추가해주세요.

MacType 원작자 리뷰 중 슈퍼루피에 유효한 것들입니다.

2. Why do we have to go through an import, modify and apply procedure to tweak a profile instead of updating the original profile directly (or at least applying it back to the profile)? After those operations, the mactype will use a profile located at an absolute path instead of using a relative profile path, which defeats the purpose of portability and confuses the user about the actual profile in use.

• 각 문구가 지멋대로 흔들리는 문제입니다.

3. The reset buttons next to each setting don't reset values to their original value. Instead, it resets them to a predefined and incorrect value in many cases, like the Gamma value. Nobody wants a 1.0 gamma.

• AI들이 하드코딩을 하는 경우가 꽤 있는데, i18n 외에도 걸린 것입니다.

4. The show advanced settings under advanced tuning, I don't know what it is for.

• 무의미한 UI를 만드는 문제 +1입니다. 저도 이게 왜 생겼는지 모르겠습니다.

7. The execution page layout is pretty bad and very confusing to use.

• 도떼기 시장처럼 아무거나 막 나열해서 생긴 문제입니다. 시스템 보고 같은 경우, 실제로 보여줘야 하는 것만 보여주고 나머지는 detail, more 등으로 disclosure하게 추방하도록 하는 것이 필요하다고 봅니다.

[beefiker]

말씀해주신 문제들을 스킬 계약으로 승격해서 반영했고, 실제로 검증까지 해봤습니다.

검증은 스킬로 새 Qt 데스크톱 앱을 처음부터 만들어보는 방식으로 진행했습니다. EqualizerAPO 프리셋 편집기를 만들었고 결과물은 https://github.com/beefiker/qt-audio-eq 에 있습니다.

지적해주신 항목별 결과입니다.

1. 더미 컨트롤: 모든 버튼이 실제 동작에 연결되고, 비활성 상태에는 이유가 표시됩니다.
2. 직접 입력 강요: 파일은 다이얼로그, EqualizerAPO 설치 경로는 자동 감지, 오디오 장치는 시스템 열거 기반 드롭다운으로 처리됩니다.
3. i18n: 이건 한 번 더 재발했습니다. 첫 결과물이 영어 하드코딩으로 나와서, 배포 대상 앱은 처음부터 문자열을 번역 시스템으로 빼도록 계약을 추가로 조였습니다(fix(frontend): require string externalization for multi-locale targets #32, fix(frontend): scope the externalization obligation proportionally #33). 지금 결과물에는 qsTr 전면 적용과 한국어 번역이 들어가 있습니다.
4. 데스크톱 SEO 채점: robots.txt 같은 산출물 없이 데스크톱 경로로만 검증됐습니다.

Undo, 키보드 접근, 적용/되돌리기 동작의 정직성도 같이 확인했습니다. 관련 변경은 #29, #30, #31, #32, #33 입니다. 좋은 지적 감사합니다.