?

全國統一服務熱線:18021770366

站內公告:

淮安市嘉瑞廣告有限公司主要提供廣告設計制作安裝服務以及網站制作,是一家經驗豐富的廣告設計制作公司,擁有十幾年廣告設計制作經驗!

聯系我們CONTACT

地址:淮安市翔宇大道1009號
熱線:0517-8588 1663
Q Q:34665706
郵箱:[email protected]

18021770366

新聞中心

當前位置:主頁 > 新聞中心 >

人機交互主設計流設計原則

2019-12-11 點擊量:

本篇文章要講的設計原則包含六類:

  • 1.尼爾森十大可用性原則
  • 2.三大原則定律
  • 3.Ant Design設計原則
  • 4.微信小程序設計原則
  • 5.iOS設計原則
  • 6.Material Dedign 設計原則

 

尼爾森十大可用性原則

尼爾森(Jakob Nielsen)是一位人機交互學博士,于1995年1月1日發表了「十大可用性原則」。十大可用性原則不僅適用于Web端,也適用于移動端。

熟練掌握十大可用性原則對于指導設計來說意義重大,可提升整個產品的可用性體驗。

十大可用性原則分別為:狀態可感知、貼近用戶認知、操作可控、一致性、防錯、識別好過回憶、靈活高效、美學和最簡主義原則、容錯、人性化幫助。

 

原則一 狀態可感知

定義:告知系統的當前狀態,讓用戶可清晰的感知所處的操作狀態。

例如:淘寶注冊,用戶所處流程情況通過步驟條,可以清晰告知用戶注冊整體的注冊流程狀態。

人機交互主流設計原則

例如:微信轉發消息,發送成功時,通過底部的snakcbar提示告知用戶轉發成功。人機交互主流設計原則

 

原則二 貼近用戶認知

定義:盡量將生活中的邏輯和設計邏輯保持統一,這樣就會更貼近用戶的認知,用戶上手成本也就更低。

例如:iOS7之前的iPhone解鎖,滑動解鎖,這和生活中的用戶側拉開門的場景一樣。這個設計非常貼切日常生活認知,用戶上手成本特別低。

人機交互主流設計原則

例如:微信紅包的設計,紅包樣式和現實中用戶認知的紅包基本一致,都是紅色且外觀相似。

用戶要發紅包時,先要塞錢進紅包。其他人點擊紅包時,有一個拆開的按鈕,用戶拆開就會存入零錢,整個流程完全貼近用戶的生活認知。人機交互主流設計原則

原則三 操作可控

定義:用戶對于行為可預期可控制。對于用戶的誤操作,提供二次確認或者撤銷的功能,這樣可提高用戶的操作可控性。

例如:移動端中對于毀滅性操作,大部分都做二次確認,這樣是防止用戶誤操作帶來的刪除損失。用戶不用因為操作帶來的心里負擔,從而提升操作可控性。

例如:微信聊天對話列表,用戶刪除列表,由于會清空消息記錄,因此,通過對話框提示用戶,這種做法可提升操作可控。人機交互主流設計原則

例如:gmail郵箱,用戶發送郵件成功后,可點擊撤回操作。人機交互主流設計原則

原則四 一致性

定義:遵循統一的產品設計規范/邏輯。這里的一致性也包含產品和跨平臺產品之間的一致性。

產品間的一致性,包含視覺和交互的一致性,無論是文案、視覺風格、組件樣式等都包含一致性。

?
渡劫5龙宫赚钱