<div id="readability-page-1" class="page"><div><blockquote data-app="{&quot;type&quot;:&quot;quotation&quot;,&quot;kind&quot;:&quot;quote&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;모바일 폼 사용성 원칙 7가지&quot;},{&quot;type&quot;:&quot;br&quot;},{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;(요약문)&quot;}]}">모바일 폼 사용성 원칙 7가지 (요약문)</blockquote><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;닉 바비치의 [모바일 폼 사용성 원칙 7가지] 소개하고자 합니다.&quot;}]}]}">닉 바비치의 [모바일 폼 사용성 원칙 7가지] 소개하고자 합니다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;원칙1. 폼은 유저가 데이터를 입력하는 방식에 맞춰야 한다&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}]}">원칙1. 폼은 유저가 데이터를 입력하는 방식에 맞춰야 한다 <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;원칙2. 입력란 개수와 사용자가 들여야 하는 노력을 최소화한다&quot;}]}]}">원칙2. 입력란 개수와 사용자가 들여야 하는 노력을 최소화한다<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;원칙3. 폼 레이블은 폼 입력란 위에 배치하거나 플로팅 레이블(floating labels)로 만든다&quot;}]}]}">원칙3. 폼 레이블은 폼 입력란 위에 배치하거나 플로팅 레이블(floating labels)로 만든다<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;원칙4. 폼에 입력한 내용은 실시간으로 검토한다&quot;}]}]}">원칙4. 폼에 입력한 내용은 실시간으로 검토한다<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;원칙5. 요구하는 입력 내용과 키보드를 매칭한다&quot;}]}]}">원칙5. 요구하는 입력 내용과 키보드를 매칭한다<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;원칙6. 도움이 되는 정보를 맥락에 맞게 제공한다&quot;}]}]}">원칙6. 도움이 되는 정보를 맥락에 맞게 제공한다<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;원칙7. 유연한 형식을 활용한다&quot;}]}]}">원칙7. 유연한 형식을 활용한다위글은 요약문입니다.이 글에 대한 전체 번역 원문(구체적인 사례 등)은 아래 링크를 클릭해주세요~<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;https://maily.so/uiux/posts/256d53ac&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;https://maily.so/uiux/posts/256d53ac&quot;}],&quot;target&quot;:&quot;_blank&quot;}]}"><a target="_blank" href="https://maily.so/uiux/posts/256d53ac">https://maily.so/uiux/posts/256d53ac</a><div data-app="{&quot;type&quot;:&quot;opengraph&quot;,&quot;openGraphData&quot;:{&quot;title&quot;:&quot;[UX원칙#27] 모바일 폼 사용성 원칙 7가지&quot;,&quot;url&quot;:&quot;https://maily.so/uiux/posts/256d53ac&quot;,&quot;canonicalUrl&quot;:&quot;https://maily.so/uiux/posts/256d53ac&quot;,&quot;image&quot;:&quot;https://img1.daumcdn.net/thumb/C400x400/?fname\u003dhttps://cdn.maily.so/cn7z9bjkj7smkbcxv4cff7ql74ns&quot;,&quot;description&quot;:&quot;전코치의 사용성 리서치 UX 방법론&quot;}}"><a target="_blank" href="https://maily.so/uiux/posts/256d53ac"><div>[UX원칙#27] 모바일 폼 사용성 원칙 7가지전코치의 사용성 리서치 UX 방법론maily.so</div></a></div></div></div>

UX 컨설턴트 전민수

모바일 폼 사용성 원칙 7가지(요약문)  닉 바비치의 [모바일 폼 사용성 원칙 7가지] 소개하고자 합니다.  원칙1. 폼은 유저가 데이터를 입력하는 방식에 맞춰야 한다  원칙2. 입력란 개수와 사용자가 들여야 하는 노력을 최소화한다  원칙3. 폼 레이블은 폼 입력란 위에 배치하거나 플로팅 레이블(floating labels)로 만든다  원칙4. 폼에 입력한

[UX#27] 모바일 폼 사용성 원칙 7가지

댓글