반응형 UX16 고정 UI 요소를 디자인할 때 고려해야 할 사항 고정 요소는 무엇인가? 고정 요소는 페이지를 아래로 스크롤 할 때 브라우저 뷰포트 내에서 고정된 위치에 유지되는 모든 것이다. 일반적으로 고정 네비게이션에 사용되며, 상단에 고정되어 페이지를 탐색할 때 항상 표시된다. 화면 우측 하단에 고정되어있는 채팅 도움말을 본 적 있을 수도 있다. 어떤 문제를 일으킬 수 있을까? 어떤 한 요소를 지속적으로 표시하면, 주의가 산만해져서 유저가 찾고 있는 콘텐츠에 집중하기 더 어려워질 수 있다. 고정 요소도 마찬가지다. 화면에 클릭 유도 문구가 있어도, 고정된 채팅 아이콘이 화면 위에 있는 경우라면 그것을 놓칠 수도 있다. 이 문제는 키보드 네비게이션을 고려하거나, 고정 요소에 의해 집중되어야 하는 컨텐츠가 가려질 때 상황을 더욱 악화시킨다. 종종 간과되는 고정 요소의.. 2022. 3. 11. A/B 테스트의 장점과 단점 어떤 면에서는, 나는 A/B 테스트가 디자이너들이 의견 싸움을 줄이고, 가설을 테스트하고, 가장 효과적인 해결책을 사용자에게 신속하게 가져다 줄 수 있는 매우 강력한 도구라고 생각한다. 하지만 다른 면에서는, 여러 상황 속에서의 인간의 판단을 없애고 고객의 필요보다 회사의 KPI를 우선시하며, 현지 최대치를 향해 반복하는 위험도 안고 있다. A/B 테스트의 이점 A/B 테스트의 이점은 상당히 명백하다. 여러분은 몇 가지 간단한 디자인이나 제품의 개선을 원하지만, 어떤 것이 가장 좋은 결과를 가져올지 100% 확신할 수 없다. 팀원 중 한 명은 어떤 방향에 대해 매우 강한 느낌을 받고, 한 명은 다른 방향으로 강하게 느끼고, 나머지 한 명은 어느 쪽이든 확신할 수 없다. 이런 종류의 교착상태에서는 정치가 .. 2020. 6. 18. 드롭다운(dropdown) 메뉴 디자인 필수 가이드 사용자가 옵션을 선택할 수 있는 UI 컴포넌트는 많다. 체크박스, 라디오 박스, 토글, 스테퍼, 드롭다운 메뉴. 각각 고유한 장단점이 있으며, 사용자로부터 요구하는 입력의 성격에 따라 사용해야 한다. 이 글의 경우 드롭다운 메뉴에 초점을 맞추고 사용 사례, 유형, 상태 및 모범 사례에 대해 설명하겠다. 대부분의 정보는 Nielsen Norman Group과 Baymard Institute의 글을 읽는 데서 유래한다. 드롭다운 메뉴 구조 - Label 선택해야 할 항목을 사용자에게 알림 - Field Icon (선택사항) 필요한 정보의 유형을 표시하여 라벨을 지원 - Search Bar (선택사항) 20개 이상의 옵션으로 구성된 메뉴에 대해 사용자가 원하는 옵션을 쉽게 찾을 수 있도록 돕기 위해 사용 - .. 2020. 6. 17. 프로토타이핑 UI : 필요한 툴 찾기 디자인은 끊임없이 진화하고 복잡해지고 있다. 사용자 인터페이스 설계는 더 이상 아이콘의 와이어프레임과 디자인에만 국한되지 않는다. 오늘날, 디자이너들은 그래픽 소프트웨어와 프로토타이핑 툴을 포함하여 단순함에서 정교함에 이르기까지 다양한 유용한 도구들을 가지고 작업한다. 웹 애플리케이션을 만들든, 모바일 애플리케이션을 만들든 프로토타이핑 제작에는 준비와 전문 소프트웨어가 필요하다. 그러나 프로토타이핑 툴의 수가 매년 증가함에 따라 어려운 선택을 해야 한다. 어떤 툴을 사용하면 가장 효율적이고 효과적으로 작업할 수 있으며 가장 유용한 프로토타입을 만들 수 있을지 고민해야한다. 이 글에서는 가장 인기 있는 프로토타이핑 툴의 장단점을 살펴보기로 한다. 우리 회사 UX팀의 디자이너들에게 그들이 가장 좋아하는 프로.. 2020. 6. 16. 2020년, 어떤 UI 디자인 툴을 사용해야할까? 2020년, 오늘날의 시장은 UI 설계 도구로 가득 차 있다. Sketch가 사용자 인터페이스를 정교하고 단순하게 제작할 수 있도록 효율적인 툴을 출시한 이후, 많은 회사들이 디자인 툴 시장 점유율의 일부를 차지하기 위해 노력해왔다. UXtools에서 실시한 '2019년 디자인 툴 설문조사'를 살펴보면, 지난해 Sketch가 선두를 달렸던 것과 비교해서 꽤 많은 툴이 Sketch를 따라잡은 것을 볼 수 있다. 2019년 가장 인기 있는 UI 디자인 도구 설문조사 결과 2018년 가장 인기 있는 UI 디자인 도구 설문조사 결과 내가 관찰한 '툴의 성장, 툴을 사용한 나 자신의 경험, 그리고 이러한 툴들에 대한 다른 디자이너들의 경험'에 따르면, 1~2년 안에 Sketch, Figma, Adobe XD가 주.. 2020. 6. 12. UI디자이너의 아티클 활용법 에이전시 입사 이래로, 나 자신과 약속한 디자인 레벨업 루틴이 있다. 이 루틴은 빈도에 따라 매일, 매주, 매달 하는 것으로 나누어진다. 그중 매일 하는 것은 아래와 같이 두 가지이다. -1. Pinterset 업로드 -2. IT 혹은 디자인 관련 아티클 하나 이상 읽는 것 많은 것을 행하려고 하기보다는, 정말 내가 꾸준히 할 수 있고 해야만 하는 것에 초점을 맞춰 계획을 세웠었다. 위의 두가지 중 내가 꾸준히 실천해오고 있는 아티클 루틴을 소개해보려 한다. "출퇴근 길에는 메일함을 열어본다." 출퇴근 길은 양질의 아티클을 선별할 시간이 부족하기 때문에, 주로 좋은 아티클을 선별해서 소개해주는 뉴스레터 형식의 국내 플랫폼을 활용한다. 디독 Design+讀(읽을 독)의 합성어로, 해외 디자인 아티클을 읽기.. 2020. 6. 10. 이전 1 2 3 다음
