UX 전략

Semantic HTML

정의

요소의 의미에 맞는 HTML 태그를 사용해 구조, 접근성, 유지보수성을 함께 높이는 작성 방식

단순 div 대신 header, nav, main, button 같은 의미 있는 태그를 사용해 구조를 더 명확하게 만들 때 적용할 수 있습니다.

같은 카테고리의 개념을 함께 보면 맥락을 더 빠르게 이해할 수 있습니다.

필요한 정보만 단계적으로 보여줘서 사용자의 부담을 줄이고, 한 번에 이해해야 할 양을 낮추는 UX 방식

사용자가 목표를 달성하기까지 거치는 화면과 행동의 흐름을 순서대로 정리한 구조

정보를 이해하기 쉽게 분류하고 구조화해, 사용자가 원하는 내용을 더 빠르게 찾도록 돕는 설계 방식

다른 용어를 계속 탐색하거나, 홈으로 돌아가 전체 흐름을 다시 확인할 수 있습니다.