pile·
프론트엔드·헤이딜러 (PRND)헤이딜러 (PRND)·

팝업은 어떤 경우에 닫을 수 있게 해야할까?(X버튼은 언제 보여줘야 할까?)— 헤이딜러 UX 스터디

문제헤이딜러 앱에서 팝업 닫기 동작과 X버튼 노출 기준이 일관되지 않아 디자이너·개발자 사이 소통 비용이 컸다.
접근Material Design Bottom Sheet를 참고해 팝업을 Modal/Non-Modal, Modal은 다시 Strong(응답 필수)/Weak(응답 선택)으로 분류했다.
결과X버튼 유무로 강제성을 표시하고 Strong은 dim 클릭·드래그 닫기 불가, Weak는 허용하는 일관된 UX 규칙을 정립했다.
헤이딜러 (PRND)
헤이딜러 (PRND) 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·여기어때 (GC컴퍼니)여기어때 (GC컴퍼니)·

    항공 프론트엔드 구축기 (7/10): 창구를 하나만 두었습니다

    여기어때 항공 서비스 프론트엔드가 웹과 앱 웹뷰 두 환경에서 동일한 함수 호출로 동작하는 앱 브릿지 추상화 레이어를 설계한 과정을 다룬다. iOS·안드로이드 규약 차이와 "웹에 존재하지 않는 브릿지를 어떻게 호출하나"라는 문제를 단일 추상화 층으로 해결한 구현 사례다.

    요약 이어보기
    #react#typescript#webview+2