一低散、系統(tǒng)可見性原則
保持界面的狀態(tài)可見,變化可見骡楼,內(nèi)容可見熔号。讓用戶知道發(fā)生了什么,在適當(dāng)?shù)臅r間內(nèi)做出適當(dāng)?shù)姆答仭?/p>
(1)合理的時間:系統(tǒng)處理時間長于一秒鸟整,需要通過加載提示引镊,加載動畫,占位符給予用戶反饋
(加載占位符)
(網(wǎng)絡(luò)異常提示)
(刷新提示)
(2)適當(dāng)反饋篮条,對用戶操作對適當(dāng)反饋是用戶界面設(shè)計的最基本準(zhǔn)則弟头。讓用戶了解當(dāng)前狀態(tài)、位置涉茧、進(jìn)度以及是否成功赴恨,減少不確定性。
(用戶已閱讀和未閱讀不同顏色伴栓,標(biāo)記給用戶)
(右上角播放按鈕表示正在準(zhǔn)備播放或者正在播放)
二伦连、貼近場景原則(Match between system and the real world)
用用戶的語言,用詞钳垮,短語和用戶熟悉的概念惑淳,而不是系統(tǒng)術(shù)語。
(1)使用目標(biāo)用戶語言
包括產(chǎn)品的設(shè)計語言饺窿,包括:圖形歧焦、配色、風(fēng)格肚医。語言應(yīng)使用目標(biāo)用戶能清晰理解的绢馍。
(富途交易Tab選用白色背景,十大功能模塊的icon非常貼切)
(2)模擬現(xiàn)實世界的對象
模仿現(xiàn)實世界的產(chǎn)品或者使用映射肠套,能夠利用人們現(xiàn)有的知識痕貌,降低學(xué)習(xí)成本,使他們輕松快速的理解界面
(存入資金時糠排,不同幣種用現(xiàn)實世界國旗進(jìn)行引導(dǎo))
(期貨大賽H5中舵稠,用冠亞季軍及金銀銅牌引導(dǎo)用戶理解美元現(xiàn)金券獎勵規(guī)則)
三、可控性原則(User control and freedom)
用戶經(jīng)常錯誤地選擇系統(tǒng)功能而且需要明確標(biāo)識離開這個的“出口”。比如支持撤銷和重做的功能哺徊。
(預(yù)約直播之后可以取消)
(關(guān)注作者后可以取消關(guān)注)
(評論動態(tài)后可以刪除評論)
(交易操作不可逆室琢,用戶點擊解鎖交易按鈕并輸入密碼,后方可進(jìn)行不可逆操作)
四落追、一致性和標(biāo)準(zhǔn)化原則(Consistency and standards)
遵循平臺的慣例盈滴。也就是,同一用語轿钠、功能巢钓、操作保持一致。用戶不必懷疑是否不同的語言疗垛,不同的情景症汹,或者不同的操作產(chǎn)生的結(jié)果實際上是同一件事情。遵循平臺的慣例贷腕。也就是背镇,同一用語、功能泽裳、操作保持一致瞒斩。
(1)和用戶使用習(xí)慣保持一致
(所有tab下自選股排列方式一致,都可以倒序涮总,正序排列)
(長按自選股在任何tab下都可以進(jìn)入操作列表頁胸囱,心形增刪自選,五角星增刪關(guān)注瀑梗,全局一致)
(財報日歷模塊采用普通日歷模板烹笔,方便用戶理解
(2)產(chǎn)品規(guī)范化,同一層級的信息應(yīng)該使用一致的設(shè)計語言和標(biāo)簽夺克。
(交易tab不同市場的賬戶模塊采用相同的icon和文案箕宙,例如快捷交易嚎朽,今日訂單等)
五铺纽、防錯原則(Error prevention)
更用心的設(shè)計防止這類問題發(fā)生,在用戶可能犯錯時進(jìn)行提醒哟忍,比如刪除可能造成的后果狡门。
(1)范圍限制
(入金時存入幣種進(jìn)行限制,防止用戶輸入不支持的幣種浪費用戶時間)
(訂單記錄支持日期篩選锅很,時間必須在合法的范圍內(nèi)其馏,1-12月,1-31日)
(入金時幣種只能在給定范圍內(nèi)選擇爆安,不可以隨意輸入)
(訂單記錄篩選時叛复,只能在合理的日歷區(qū)間即1-12月,1-31日中)
(2)提供提示
提供清晰的提示,也能防止用戶犯錯褐奥,提示包括標(biāo)簽咖耘、文字、顏色撬码、以及反饋狀態(tài)等儿倒。
(港股融資賬戶右側(cè)“立即如今”按鈕進(jìn)行指引,點擊進(jìn)入入金詳情頁呜笑,右上角有“入金指引”夫否,點擊可進(jìn)入入金指引詳情頁)
(當(dāng)用戶選擇將默認(rèn)草稿箱中的新手引導(dǎo)發(fā)表時,會彈出報錯提示)
(存入美元時選擇港幣賬戶叫胁,下方會有橙色文字進(jìn)行提示)
六凰慈、協(xié)助記憶原則(Recognition rather than recall)
盡量減少用戶對操作目標(biāo)的記憶負(fù)荷,動作和選項都應(yīng)該是可見的曹抬。用戶不必記住一個頁面到另一個頁面的信息溉瓶。系統(tǒng)的使用說明應(yīng)該是可見的或者是容易獲取的。
(1)讓用戶選擇而不是輸入
(用戶在搜索框中谤民,默認(rèn)為用戶推薦任何搜索和歷史記錄指引堰酿,方便用戶選擇而不是輸入股票代碼)
(2)自動讀取,減少操作
(選擇下限價單進(jìn)行交易時张足,根據(jù)大多數(shù)用戶習(xí)慣触创,默認(rèn)填充當(dāng)前股價到價格欄)
(3)避免用戶記憶,把信息直接提取出來
(用戶選擇下單后为牍,將用戶剛才提交的訂單明細(xì)提取展示給用戶二次確認(rèn)哼绑,而不是靠用戶回憶)
七、靈活高效原則(Flexibility and efficiency of use)
允許用戶進(jìn)行頻繁的操作碉咆。 更加便捷靈活的代碼和反饋抖韩。
好的產(chǎn)品需要同時兼顧新用戶和資深用戶的需求,對新用戶來說疫铜,需要功能明確茂浮、清晰,對于老用戶需要快捷高效使用高頻功能壳咕。不可迎合某一種用戶席揽,把不必要的信息占據(jù)重要部分。
(1)提供快捷入口
(交易Tab下提供快捷交易入口谓厘,點擊快捷交易即可掛單)
(自選股列表支持自定義排列幌羞,批量添加,提升用戶效率竟稳;且支持多種個性化設(shè)置属桦,如是否顯示資產(chǎn)熊痴,是否智能排序)
(2)提供默認(rèn)選項
(機(jī)會頁面點擊選股器,默認(rèn)推薦中國香港全部股票所有結(jié)果)
八聂宾、審美和簡約設(shè)計原則(Aesthetic and minimalist design)
不應(yīng)該包含無關(guān)緊要的信息愁拭。“快掃”是互聯(lián)網(wǎng)用戶瀏覽的主要方式亏吝。易掃就意味著突出重點岭埠,弱化和剔除無關(guān)信息。降低頁面干擾蔚鸥,減輕用戶閱讀成本惜论。
(首先從功能層面,富途的快訊模塊提供快速高效獲取信息這一場景止喷,重點突出馆类,關(guān)鍵快訊匹配關(guān)聯(lián)股票引導(dǎo)用戶理解和點擊,用時間軸方式簡約串聯(lián)各條快訊弹谁,可以根據(jù)港股乾巧,美股等市場進(jìn)行選擇,布局干凈清晰预愤,功能沒有冗余)
交易Tab分為四個模塊
最上方交易細(xì)分項采用icon加短文解釋方式沟于,icon與文字相符,易于理解植康,顏色鮮明不刺眼
下一部分運營宣傳位旷太,采用banner樣式吸引用戶眼球,且可點擊右上角關(guān)閉按鈕防止干擾
第三部分總資產(chǎn)模塊可以配色簡單销睁,黑色文字黃色折線圖供璧,總資產(chǎn)旁邊的小眼睛icon點擊可以隱藏資產(chǎn),易于理解
最下方分市場展示成交明細(xì)冻记,通過黑色和淺灰色字體區(qū)別強(qiáng)調(diào)睡毒,紅綠漲跌色強(qiáng)調(diào)盈虧,每條明細(xì)右側(cè)三個icon圖標(biāo)全局統(tǒng)一冗栗,分別代表分享演顾,交易和隱藏功能,簡單清晰贞瞒。
九偶房、容錯原則(Help users recognize, diagnose, and recover from errors )
錯誤信息應(yīng)該用語言表達(dá)(不要用代碼)趁曼,較準(zhǔn)確地反應(yīng)問題所在军浆,并且提出一個建設(shè)性的解決方案。比如:空狀態(tài)
(1)空狀態(tài)為用戶進(jìn)行提示
(通知列表為空為用戶進(jìn)行提示挡闰,防止用戶以為網(wǎng)速過慢乒融,沒有加載出來)
(2)錯誤情況為用戶提示掰盘,并提供解決方案
(網(wǎng)絡(luò)斷開時進(jìn)行提示和修復(fù)指引,指引用戶進(jìn)行恢復(fù))
(3)異常狀態(tài)時進(jìn)行提示
(很大一部分用戶排斥在流量環(huán)境下播放視頻赞季,所以流量環(huán)境播放視頻會在視頻上方呈現(xiàn)“正使用流量播放”的提示)
十愧捕、人性化幫助原則(Help and documentation)
有必要提供幫助和文檔。任何信息應(yīng)容易去搜索申钩,專注于用戶的任務(wù)次绘,列出具體的步驟來進(jìn)行。
(1)信息引導(dǎo)
(幫助中心提供幫助文檔進(jìn)行指導(dǎo))
(2)步驟引導(dǎo)
復(fù)雜的流程可以通過分步驟來引導(dǎo)用戶逐步完成撒遣,而不是一次完成所有任務(wù)邮偎。
(用戶轉(zhuǎn)股提供轉(zhuǎn)股指引入口,指引詳情頁提供詳細(xì)流程义黎,遇到問題還可以在問題庫中進(jìn)行搜索)