MDN’s new design is in Beta! A sneak peek:

일반 디자인 원칙

사용자들의 최적화된 사용을 위해 당신의 앱을 최적화시키는 몇가지 공식들 입니다. 이것들은 당신의 시작을 위한 단지 조그마한 설계 공식들로 절대로 종합적인 것은 아닙니다.

항상 일정하게

Be consistent in your language. Refer to an action or an item with the same term in your app, and use each term for only one action or item.

Be consistent in your user interface (UI). For example, if you place your back button on the top left corner, it should not appear on the bottom left corner in other screens within your app.

Be consistent in your visual elements. If two elements look the same, they should have the same behavior. If two elements have different functions, they should have distinctively different looks.

간결하고 적합한 언어 사용

The text you use should express the most important information in a concise way. Most users don’t read a lot before they decide to continue or to abandon a task.

항상 해결책을 마련하고 즉각적인 피드백

Provide clues which make the correct steps apparent. For example, a big “+” button to indicate adding items if that’s the correct next step.

Always give immediate feedback when the users take an action. For example, if users click on a “new message” button, lead them directly to the screen for creating a new message. You could also temporarily change the color of the “new message” button and provide a tactile feedback to show that your app understands the users’ command.

If an action takes more than a few seconds, provide a status update. For example, if your app is downloading the new messages, you could show the progress with a loading icon.

입력 최소화

Use selectors, checkboxes, radio buttons etc., whenever you can. Typing on mobile devices is often a slow and tedious task.

즐거운 새로운 시작을 위한 목적

People often spend only a minute or two deciding whether to continue or abandon an app. Some of the factors you may want to consider include:

  • Provide a quick introduction to your app (and provide an easy way to end it anytime)
  • Instant access to features and suggestions
  • Minimize initial user input
  • Express the most important information in a concise way

가능한 현재 행동 선택

If your alert says “Delete all contacts?”, you should provide action labels like “Delete” instead of “OK”.

Also, try to avoid using alerts that only notify about a situation. Give your users a choice of actions to address the situation.

주 업무에 집중하기

Decide the main task of each screen and place features related to the main task in the most prominent places.

방해에 대비

People may use your app anywhere. Prepare for interruptions by saving the user’s work automatically if possible. Ideally, information and tasks should behave normally even without an Internet connection.

문서 태그 및 공헌자

 이 페이지의 공헌자: LimeClover
 최종 변경: LimeClover,