UI content design principles

1. Speak users’ language.

?? Description: Interfaces should use the users' language, with words,

phrases, and concepts familiar to the user and follow the real-world

convention.

?? Why: System-oriented terms which users don't understand make

users feel unsure and ignored and may force them to go elsewhere to find

explanation even to complete the task.

?? How:

?? ? Avoid technical jargon and product internals.

?? ? Use words, phrases, and concepts that are intuitive and familiar to users.

2. Ensure consistency and standardization.

?? Description: Keep consistency and follow the same standards in the

same UI, across different UIs within the same product, and among similar

products in the same offering.

?? Why:

? ? Meet user expectations to build confidence and feel mastery over the interface.

?? ? User can transfer their knowledge from their experiences with other product to lower learning curve.

?? ? Maintain consistency to provide consistent user experience and strengthen the brand image.

?? How:

?? ? Uses terms and UI labels consistently.?

?? ? Set up a term repository or a UI label repository.

?? ? Keep UI text in a consistent outlook, such as font, size, highlighting, capitalization, etc.

3. Keep minimalist content (Less is more).

?? Description: Keep only necessary and relevant information to support

primary goals.

?? Why:

?? Users do not go to a user interface to read the content, but to complete tasks and achieve their user goals. Each unit of information on he UI is supposed to serve a purpose and add values to the overall user experience.

?? Unnecessary elements distract users from the information that they truly need and prevent them from achieving their goals.

?? How:

?? ? Provide only the information that is really needed by users to complete the task on the UI, and provide it only when and where users need it.

?? ? Eliminate wordiness, and remove redundancy.

?? ? Usability testing should include the check whether the content provided is really needed by users and whether any critical information is missing.

4. Indicate system status and users' progress.

?? Description: Keep users informed about what is going on, through appropriate feedback within reasonable time.

? Why:

? ? Users need to know what actions are available, how the system responded, where they are, and how to go to where they need on the UI.

? ? Sufficient and immediate feedback reduces uncertainty, allows users to feel in control, and leads to better decision making.

? ? Predictable interactions build trust in product and benefit brand ultimately.

? How:

?? Use components like breadcrumbs, progress indicators, pagination, etc. to provide a visual representation of users' position or progress.

?? Provide important and immediate feedback for interactive events.

?? Show what actions are available and not available at the current time.

5. User control and freedom.

?? Description: Provide a clear way for users to reverse their actions and return to the system's previous state where the end results is not what they wanted or expected.

? Why:

? ? User often perform actions by mistake or change their minds.?

? ? The ability to easily get out of trouble provide users with more confidence to explore and learn the platform quickly and easily

? How:

?? Provide users obvious options to easily revert actions.

?? Allow users freedom in the flow. Users should have the freedom to jump to any step to correct their options.

? ? Present users with explanation and options in double confirmation.

6.?Provide tailored information to different types of users.

?? Description: Provide different types of information based on the needs and objectives of different types of users.? Offer onboarding tutorial or kits for novice users to give them a general picture of how the system works and support shortcuts and accelerators to speed up the interaction for frequent users.

Why:

New users often require guidance when using a system and need clear and obvious options because they have not yet developed a mental model of how the system works.?

Frequent users are often familiar with the system and they need shortcuts or accelerator to help them accomplish the task more efficiently.

?How:

?? Support new users to get up to speed with onboarding instructions and starting kits. Provide frequent users with exits of the basic tutorials.?Offer frequent users with ways of shortcuts and customization. Offer different entry points for different user groups.?

?? Prioritize and personalize the display order and format. Highlight, left-load, or help users automate frequently used functions to maximize efficiency.

7. Help users recognize, diagnose, and recover from errors.

? Description: Write error messages that help users recognize and diagnose the problem and provide guidance that can educate users to recover from the error .

? Why:

? Understand what has gone wrong and convey the status and specifics to users.?

? Offer solutions to help users fix the errors by themselves timely and educate users along the way.

? Avoid calling for support and reduce effort and cost.

? How:

? ? Choose the appropriate message modalities, and place them in the right places.?

? ? Explain the cause of error.

? ? Avoid blaming users.

? ? Provide the solution.

8. Balance between UI content and documentation.

?? Description: Balance the information placed on the UI and documentation based on the size, complexity , relevance and frequency of

use of information, and keep them up to date and match each other.

? Why:

? ? Help users complete their tasks quickly and easily through the appropriate information in UI and documentation

? ? Reduce extra efforts to locate or search for the target information.

? How:

? ? Don't stack all the information on the UI, but provide necessary information.

? ?? Keep consistency between UI content and documentation.

? ? Documentation should not simply repeat UI details but focus on user goals.

? ? Determine the documentation modality: embedded or external.

9.? Improvement solutions:

UI designers: Learn and follow the UI content design principles达舒。Follow the UI content review process. Work out consistent formats that can be used across the whole UI.

Content designers: content designing to make the contents user-friendly. Do usability test from users’ perspective. Avoid reviewing only the words and sentences. Check whether you can use the UI to finish tasks without any blockers. Improve the UI review process.

Testers: Review the contents in the UI to see whether there are blockers, such as missing critical contents and redundant contents, instead of testing only the functions based on docs.

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
禁止轉載值朋,如需轉載請通過簡信或評論聯(lián)系作者。
  • 序言:七十年代末巩搏,一起剝皮案震驚了整個濱河市昨登,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌贯底,老刑警劉巖丰辣,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異禽捆,居然都是意外死亡笙什,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進店門胚想,熙熙樓的掌柜王于貴愁眉苦臉地迎上來琐凭,“玉大人,你說我怎么就攤上這事浊服⊥城” “怎么了胚吁?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長愁憔。 經(jīng)常有香客問我腕扶,道長,這世上最難降的妖魔是什么惩淳? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任蕉毯,我火速辦了婚禮,結果婚禮上思犁,老公的妹妹穿的比我還像新娘代虾。我一直安慰自己,他們只是感情好激蹲,可當我...
    茶點故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布棉磨。 她就那樣靜靜地躺著,像睡著了一般学辱。 火紅的嫁衣襯著肌膚如雪乘瓤。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天策泣,我揣著相機與錄音衙傀,去河邊找鬼。 笑死萨咕,一個胖子當著我的面吹牛统抬,可吹牛的內容都是我干的。 我是一名探鬼主播危队,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼聪建,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了茫陆?” 一聲冷哼從身側響起金麸,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎簿盅,沒想到半個月后挥下,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡桨醋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年见秽,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片讨盒。...
    茶點故事閱讀 37,997評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡解取,死狀恐怖,靈堂內的尸體忽然破棺而出返顺,到底是詐尸還是另有隱情禀苦,我是刑警寧澤蔓肯,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站振乏,受9級特大地震影響蔗包,放射性物質發(fā)生泄漏。R本人自食惡果不足惜慧邮,卻給世界環(huán)境...
    茶點故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一调限、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧误澳,春花似錦耻矮、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至倡缠,卻和暖如春哨免,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背昙沦。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工琢唾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人盾饮。 一個月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓采桃,卻偏偏與公主長得像,于是被迫代替她去往敵國和親丐谋。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,722評論 2 345

推薦閱讀更多精彩內容