반응형
'UI' 태그의 글 목록
반응형
본문 바로가기
반응형

UI15

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.
프로토파이(Protopie) - 02.Formula와 Variable 사용해서 Number Spinner 만들기 Formula 간단한 수식부터 변수, 함수를 활용한 가변적인 값이나 레이어의 x, y, width, height 같은 속성 값을 참조할 수 있다. 이를 활용하면 인터랙션을 보다 역동적이고 간결하게 만들 수 있다. Formula의 기본적인 사용법 Variable 숫자, 문자, 컬러 값을 할당할 수 있고, assign reponse를 사용해서 Variable의 값을 변경하고 그에 따라 변하는 인터랙션을 만들 수 있다. Variable의 기본적인 사용법 01 감소 버튼 / 증가 버튼 / 숫자가 들어갈 Text 세가지를 제작한다. 감소 버튼과 증가 버튼은 Container로 그룹핑한다. 02 Variable을 추가하고, Number를 선택한다. 03 먼저, 감소버튼에 Tab 트리거를 추가한다. Tab 하단의 +.. 2020. 6. 5.

반응형