IT기획 (4) 썸네일형 리스트형 [UIUX]위자드 양식 만들기(Wizard Form) Found this UI/UX Tip somewhere by Taras Bakusevych. 복잡한 wizard form이 있는 경우 다른 모든 요소를 사용자 보기 필드에서 숨기는 것이 좋다. 위자드란 사용자가 특정 절차를 처리하기 위해 단계적으로 밝아나가는 다이얼로그 윈도우를 의미한다. 결제, 회원가입, 등 복장한 절차 처리를 알아보기 쉽게 정리하고 간소화하는 역할을 합니다. [UIUX] 내부 상단 정렬 양식 레이블 Source : https://uxmovement.com/forms/why-infield-top-aligned-form-labels-are-quickest-to-scan/ 장점 When users first see a form, they scan it to size up the amount of time and effort it’ll take to fill it out. If they can’t scan it quickly, they’ll feel like it’s going to take too much time and effort and move on. To prevent form abandonment, you have to make your fields quick to scan pre-fill an.. [UIUX]버튼에도 위아래가 있다. [Button] Hierachy "기본 버튼(Primary Button)" 기장 중요한 액션에 사용된다. 솔리드 버튼을 사용한다. 화면에서 가장 강력한 클릭 유도 문안 call to action을 강조하기 위해 기본 버튼을 화면 당 하나만 있는게 좋다. 모든 화면에 필수적인 버튼은 아니다. "보조 버튼 Secondary Button(Default)" 버튼 중 가장 많이 사용하는 버튼이다. 기본 동작보다 훨씬 적은 시각적 중요성을 할당하므로 기본 버튼보다 눈에 띄거나 주목도를 해치치 않아야 한다. 고스터 버튼이나 아웃라인 버튼 또는 밝은 솔리드 버튼을 사용한다. "3번째(?) Tertiary Button" 한 화면에 많은 버턴을 배치해야 할 경우 사용할 수 있다. 텍스트 버튼으로 사용한다. "4번째(?) .. [UIUX]체크항목이 많을때, 필터링 활용법 UIUX Victor's tip 만약 필터에 들어가야 할 체크항목이 많다면, 드롭다운 메뉴를 활용하세요. 일부 항목이 선택된 경우 명확한 표시와 함께 드롭다운 아래에 숨기세요. From Victor 이전 1 다음
