UI/UX
-
제대로 알고 쓰자! - Card와 Panel1. 학습하기 2025. 4. 5. 23:30
제대로 알고 쓰자!웹 사이트에 존재하는 수많은 Web Component. 얼핏 보면 비슷하지만 엄밀히 다르다.모두 우리의 필요에 의해 만들어진 것으로 각각의 섬세한 특징과 사용법을 가지는 특별한 존재들이다.이를 분명하게 구분하여 사용한다면 더 깔끔하고 효율적으로 동작하는 웹 사이트가 될 수 있을 것이다.헷갈리는 컴포넌트를 대상으로 분명한 목적과 차이점을 생각해보는 시리즈를 써보고자 한다. Card와 Panel 이 비슷한 컴포넌트냐고 할 수도 있지만 대충 네모 형태에 다른 요소들이 들어가 있는 모양이라 착각할 수 있을 것 같다는 생각에 선정했다.두 요소의 목적과 구성 요소만 안다면 차이가 굉장히 명확하기 때문에 한 번 정리해두면 더 이상 헷갈리지는 않을 것 같다. 다음과 같은 구성으로 진행된다.CardPa..
-
[번역] 사용자 인터페이스 디자인을 위한 10가지 유용한 지침카테고리 없음 2025. 3. 24. 22:00
사용자 인터페이스 디자인을 위한 10가지 유용한 지침 요약: Jakob Nielsen의 상호작용 디자인에 대한 10가지의 일반적인 원칙. 구체적인 사용성 지침이 아닌 광범위한 경험적인 규칙이기 때문에 '휴리스틱'이라고 부릅니다. 1. 시스템 상태의 가시성 디자인은 항상 합리적인 시간 내에 적절한 피드백을 통해 사용자에게 무슨 일이 일어나고 있는지 알려야 한다. 사용자가 현재 시스템 상태를 알아야 이전 상호작용의 결과를 파악하고 다음 단계를 결정한다. 예측 가능한 상호작용은 제품과 브랜드에 대한 신뢰를 형성한다. #1 예시: 쇼핑몰 지도의 "현 위치" 표시는 사람들이 현재 어디에 있는지 보여주며 그들이 어디로 가야 할지 이해하는 데 도움을 준다. 팁- 시스템의 상태를 사용자에게 명확하게 전달한다 ..