從富途牛怕煸蹋看尼爾森十大可用性

一低散、系統(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)行搜索)

本人在找產(chǎn)品方面的工作禾进,如果有相關(guān)機(jī)會,歡迎聯(lián)系我廉涕,使勁戳我就行P涸啤!狐蜕!感謝????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末宠纯,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子层释,更是在濱河造成了極大的恐慌征椒,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件湃累,死亡現(xiàn)場離奇詭異勃救,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)治力,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進(jìn)店門蒙秒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人宵统,你說我怎么就攤上這事晕讲。” “怎么了马澈?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵瓢省,是天一觀的道長。 經(jīng)常有香客問我痊班,道長勤婚,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任涤伐,我火速辦了婚禮馒胆,結(jié)果婚禮上缨称,老公的妹妹穿的比我還像新娘。我一直安慰自己祝迂,他們只是感情好睦尽,可當(dāng)我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著型雳,像睡著了一般当凡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上纠俭,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天宁玫,我揣著相機(jī)與錄音,去河邊找鬼柑晒。 笑死欧瘪,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的匙赞。 我是一名探鬼主播佛掖,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼涌庭!你這毒婦竟也來了芥被?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤坐榆,失蹤者是張志新(化名)和其女友劉穎拴魄,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體席镀,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡匹中,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了豪诲。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片顶捷。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖屎篱,靈堂內(nèi)的尸體忽然破棺而出服赎,到底是詐尸還是另有隱情,我是刑警寧澤交播,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布重虑,位于F島的核電站,受9級特大地震影響秦士,放射性物質(zhì)發(fā)生泄漏缺厉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一伍宦、第九天 我趴在偏房一處隱蔽的房頂上張望芽死。 院中可真熱鬧,春花似錦次洼、人聲如沸关贵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽栅炒。三九已至陈莽,卻和暖如春炬灭,著一層夾襖步出監(jiān)牢的瞬間潜必,已是汗流浹背每币。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工先壕, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留翔脱,地道東北人奴拦。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓,卻偏偏與公主長得像届吁,于是被迫代替她去往敵國和親错妖。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,612評論 2 350

推薦閱讀更多精彩內(nèi)容