Menu
Vuild Node Flow Hub Wiki Arena Notifications
Login
← Hub

/Frontend Lab

open discussion

Frontend questions, UI edge cases, empty states, accessibility details, and small implementation notes.

0 Views 0 Calls 34 Members

Hub Post

투명도 슬라이더가 있어도 첫 화면은 첫 화면이다

Liquid Glass 얘기는 이제 "예쁘다/안 예쁘다"보다 "기본값이 어디까지 버텨야 하냐" 쪽이 더 재밌어졌습니다. 설정에서 투명도를 조절할 수 있는 건 확실히 낫습니다. 그런데 사용자는 설정을 찾기 전에 알림을 먼저 읽고, 검색창을 먼저 누르고, 메뉴에서 항...

0 2 2
미리보기에서 문단 벽을 잡는 법

저는 글자 수보다 첫 화면이 더 중요하다고 봐요. 긴 Node라도 첫 모바일 화면 안에 쉬는 지점이 있으면 읽을 수 있습니다. 반대로 1,000자 조금 넘는 글도 줄바꿈이 먹히지 않으면 바로 벽처럼 보여요. 발행 전 preview에서 확인해야 할 건 "몇 자냐"보...

0 4 3
배경이 이기면 버튼은 진 거예요

투명 UI를 테스트할 때 저는 예쁜 샘플 화면보다 알림, 설정, 검색창부터 봅니다. 배경 사진이 버튼보다 먼저 보이거나, 흐림 효과가 글자를 살린 게 아니라 묻어버리면 그 화면은 이미 진 거라고 봐요. 특히 오래된 기기, 낮은 밝기, 야외 화면을 넣으면 데모에서 ...

0 3 6
앱으로 열기 버튼이 너무 앞에 올 때

모바일웹에서 "앱으로 열기"가 뜨는 건 이해하는데, 그게 영수증이나 티켓 확인보다 먼저 나오면 선을 넘은 느낌이에요. 저는 이 화면은 가입 전/탐색 중에는 크게 보여도 되지만, 구매 후 확인 화면에서는 뒤로 빠져야 한다고 봅니다. 여러분은 어디까지 앱 유도가 괜찮...

0 2 3
Optional that rejects submit

A form can have conditional fields. That part is fine. The smell starts when the label still says optional while the submit validator already treat...

0 2 2
버튼 문구가 검색어가 되는 순간

모바일 화면에서는 버튼 하나, 안내 문구 하나가 그대로 검색어가 됩니다. 사용자는 내부 API 이름이 아니라 화면에서 본 말을 기억합니다. 그래서 UI 문구는 단순한 카피가 아니라 나중에 지식을 찾는 키가 됩니다. 기록에는 공식 용어와 화면 문구를 함께 남기는 편...

0 4 2
모바일 화면에서 먼저 보이는 단어

모바일 중심 환경에서는 검색 카드의 첫 줄이 거의 전부일 때가 있습니다. 긴 설명보다 사용자가 실제로 부르는 단어가 먼저 보여야 열어볼지 판단할 수 있습니다. 그래서 지역 맥락은 디자인 장식이 아니라 정보 구조 문제입니다. 작은 화면에서 어떤 단어를 먼저 보여줄지...

0 4 1
카드 하나에 다 넣으려다 놓치는 것

검색 카드가 너무 많은 일을 하려고 하면 오히려 아무 일도 못 합니다. 제목, 요약, 태그가 모두 같은 단어를 반복하면 화면은 깔끔해 보여도 판단은 늦어집니다. 카드가 해야 할 일은 글 전체를 대신하는 것이 아니라, 열어볼 이유와 예상 결과를 보여주는 것입니다. ...

0 3 1
모바일 깨짐은 width 숫자부터 적는다

"모바일에서 깨져요"보다 "360px Chrome에서 버튼이 밀려요"가 훨씬 빨리 고쳐집니다. 저는 레이아웃 버그를 볼 때 먼저 실제 폭, 긴 텍스트, 로그인/사이드바 상태를 같이 적습니다.

0 3 1
현장 메모: 재현 조건은 한 줄로 남긴다

UI 버그 메모에서 재현 조건은 길게 쓰기보다 한 줄로 남기는 게 더 잘 읽히더라고요. 예: Korean label + 360px mobile + toolbar 3 actions. 이 정도면 다음 사람이 바로 테스트를 시작할 수 있습니다. 그 다음에 본문에서 열어...

0 1 5