UX (16) 썸네일형 리스트형 [UI] 바람직한 UI [web] 바람직한 UI 출처: http://gokgo.tistory.com/94 원문사이트 (http://www.goodui.org) 좋은 UI란 높은 변환율과 쓰기 쉬운것. 다른말로 쓰는 사람이나 사업측면이나 모두 괜찮은것이다. 여기 시도해볼만 실용적인 아이디어들을 리스트해두었다. 1. 멀티컬럼 대신 원컬럼 레이아웃을 써라 원컬럼 레이아웃은 당신이 생각하는 것이상의 컨트롤이 가능하다. 맨위에서 맨아래까지 더 예측가능하도록 당신의 독자들에게 가이드 해줄수있기 때문이다. 반면 멀티컬럼은 페이지의 핵심 컨텐츠에 집중하는 것을 방해할 부가적인 위험을 가지고 있다. 사람들에게 하나의 스토리와 그 끝에 그에 반응하도록 가이드하라. 2. 팔고나서 입 싹 씻지말고 선물을 줘라. 고객에게 선물을 주는것같이 상냥한 제.. [UX] UX 신입 디자이너가 알아야 할 UI디테일 용어 3탄 UX 신입 디자이너가 알아야 할 UI디테일 용어 3탄 1. 라이트 박스(Light Box) 팝업이 뜨는 동시에 백그라운드 화면이 어두워지거나 밝아지는데, 이를 '라이트 박스'라고 부릅니다. 라이트 박스 처리된 영역은 컨트롤 할 수 없으며 사용자가 대화 상자에 집중해야 한다는 시각적인 알림을 제공합니다. 일종의 Modal Dialog(혹은 Modal Window)라고 할 수 있습니다. 일반적인 팝업과 다른 점은, 박스를 해제하지 않고는 배경의 요소와 인터랙션 할 수 없다는 점입니다. 2. 토스트 팝업(Toast Pop-up) 마치 토스터기에서 토스트가 나오는 모양과 같다고 붙여진 이름입니다. 알림을 위한 팝업의 일종으로, PC에서는 주로 모니터의 우측 하단에서 몇 초간 나타났다가 사라지는 형태를 취하며 모.. [UX] UX 신입 디자이너가 알아야 할 UI디테일 용어 2탄 UX 신입 디자이너가 알아야 할 UI디테일 용어 2탄 1. 증분 탐색 (Incremental Search) Incremental Search로 검색하면 '증분 탐색'이라고 번역이 되어 있는데 '순간 검색'이라고 용어가 통일되어 사용되는 추세입니다. 기본적인 의미는 '자동 완성'과 구별됩니다. 사용자가 특정 단어를 검색하기 위해 검색어를 입력할 때, 검색어를 예상해서 리스트로 제공하는 화면을 '자동 완성'이라고 한다면, 사용자가 목표 검색어를 입력하기 전에 검색어를 예상하고 제공하는 결과 화면은 '순간 검색'입니다. 주요 검색 엔진을 통해 해당 기능을 간단하게 비교해 보도록 하겠습니다. 구글의 Instant Search/Instant Previews 구글의 '순간 검색(Instant Search)'은 검색.. [UX] UX 신입 디자이너가 알아야 할 UI디테일 용어 1탄 UX 신입 디자이너가 알아야 할 UI디테일 용어 1탄 드롭다운 리스트 (Drop-down List) 객관식 문제에서 볼 수 있는 선택지와 유사한 개념입니다. 맨 처음 진입 시에는 프로그램에서 지정한 기본값이 보여지다가 화살표 버튼을 누르면 숨어 있던 다른 항목들이 나타납니다. 이 중 특정 항목을 선택하게 되면 기본값이 사용자가 선택한 항목으로 바뀌는데, 이로써 사용자는 자신이 원하는 항목이 선택된 것임을 인지할 수 있습니다. 반면 처음부터 펼쳐진 형태는(즉 드롭다운 하지 않는 형태는) 그냥 리스트 박스라고 부릅니다. 콤보 박스 (Combo Box) 드롭다운 리스트와 입력 필드 기능을 결합(그래서 콤보!)한 형태입니다. 사용자가 직접 정보를 입력하거나 나열된 항목들 중에서 하나의 항목을 선택하여 정보를 입.. 이전 1 2 다음