簡約至上-交互式設(shè)計四策略

一、話說簡單

?????????設(shè)計的時候要做到簡單驼卖。復(fù)雜的產(chǎn)品可能會在某一時刻可能會很受歡迎,但是在受到某些沖擊之后,產(chǎn)品的市場會受到嚴(yán)重的打擊忆谓。在做技術(shù)產(chǎn)品設(shè)計時候,至少有三個角度:管理人員而芥、工程師和用戶可都,我們是以用戶的角度來看待問題,讓用戶覺得產(chǎn)品簡單易用婚陪。

? ? ? ? 簡單并不意味著最小化族沃,樸素的設(shè)計仍然具有自身的特性和個性,簡單的特性和個性應(yīng)該源自你使用的方法泌参、所要表現(xiàn)的產(chǎn)品脆淹,以及用戶執(zhí)行的任務(wù)〖吧幔“貌似簡單”的設(shè)計則是設(shè)計界的毒瘤未辆,這種設(shè)計的存在反而會讓事情變得更復(fù)雜,效果更差锯玛。但是這種做法卻已經(jīng)被大眾普遍接受咐柜,在遇到設(shè)計難題時,“貌似簡單”的點子就會層出不窮攘残。所以簡單可不是這種能夠粘在用戶界面上的裝飾拙友,而是真正可以站在用戶角度考慮問題,幫助用戶解決困難的歼郭。

二遗契、明確認(rèn)識

????????簡單而迅速的明確認(rèn)識是用一句話把它寫出來,包括我要設(shè)計什么病曾、要遵循哪幾條設(shè)計規(guī)則牍蜂,盡量使用簡單的術(shù)語。更好而花費時間更長的方式是描述我希望用戶擁有什么體驗泰涂。具體一點說鲫竞,就是描述用戶的使用情景,以及我的設(shè)計怎么滿足用戶在該情境下的需求逼蒙。要走出辦公室从绘,去用戶工作的地方去參觀考察是非常重要的,在辦公室、家里僵井、戶外陕截,不同的地點有著不同的干擾,設(shè)計必須能夠適應(yīng)各種干擾批什。用戶分為三種用戶农曲,專家型用戶愿意探索你的產(chǎn)品或服務(wù),并且會給你提出各種改進(jìn)建議渊季;隨意型用戶接觸過類似的產(chǎn)品或服務(wù)朋蔫,他們有興趣接觸更高級更復(fù)雜的產(chǎn)品,卻不愿意接觸全新的東西却汉;最大的群體是主流用戶驯妄,我們的設(shè)計應(yīng)該是面對著這一類人而設(shè)計的。

主流用戶的關(guān)注點:

1.立即把工作做完

2容易操控最有價值

3.想得到最靠譜的結(jié)果

4.只要合適就ok

5.想看到示例和故事

? ? ? ? 從簡單這個角度來看合砂,最重要的是讓用戶感到自己在掌控一切青扔。首先,用戶希望感覺是在掌控自己使用的技術(shù)翩伪,設(shè)計應(yīng)該放大這種感覺微猖,讓用戶自信做出正確的選擇,讓用戶沒有后顧之憂缘屹;其次用戶希望是在掌控自己的生活凛剥,然后從這種需求出發(fā),更進(jìn)一步提問問題轻姿。

可以通過講故事來描述用戶體驗

????????通過故事簡短的把核心體驗表達(dá)出來犁珠,通過小故事展示出每一個需求點,并且滿足該需求的功能互亮,記得要添加要緊的細(xì)節(jié)犁享,這樣故事才會真實豐滿。

認(rèn)識大概分為三個層次:環(huán)境豹休、角色炊昆、情節(jié)

可信的環(huán)境(故事中的“時間”和“地點”)

可信的角色(“誰”和“為什么”)

流暢的情節(jié)(“什么”和“怎么樣”)

簡單的體驗就是能夠適應(yīng)極端的條件,要想簡單務(wù)必要把目標(biāo)定高威根,不要使用常規(guī)的可用性目標(biāo)凤巨,一定要使用簡單性的目標(biāo)

簡單性的目標(biāo)

使用最簡單的詞匯對產(chǎn)品的主要功能進(jìn)行描述,然后評估自己的小故事洛搀,并想象什么因素對用戶的行為影響最大敢茁。

和別人分享自己的認(rèn)識,保證做出正確的決定姥卢,讓最核心的理念隨處可見卷要,提醒人們時刻謹(jǐn)記。

三独榴、簡約四策略

簡約DVD遙控器出現(xiàn)四種簡約策略

刪除--去掉所有不必要的按鈕僧叉,直至減到不能在減。

組織--按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組棺榔。

隱藏--把不是最重要的按鈕安排在活動倉蓋之下瓶堕,避免分散用戶注意力。

轉(zhuǎn)移--只在遙控器上保留具備最基本功能的按鈕症歇,將其他按鈕轉(zhuǎn)移到電視屏幕上的菜單里郎笆,從而將復(fù)雜性從遙控器轉(zhuǎn)移到電視。

刪除

簡化設(shè)計最明顯的方式便是刪除不必要的功能忘晤,產(chǎn)品功能更注重深度而不是廣度宛蚓,刪除雜亂的特性,可以讓人有更充足的精力放在更重要的功能上设塔。

刪除的時候要避免錯刪凄吏,要把時間和精力放在最有特色的核心功能上而不是嫌棄這些功能耗費時間長,攻克困難而砍掉它們闰蛔,失去產(chǎn)品的特色痕钢。

產(chǎn)品上的殘缺功能是需要砍掉的,有時候砍掉不理想的功能序六,反而會讓用戶喜歡任连。

假如用戶。例诀。随抠。 這里則需要人們搞清楚用戶真的是否需要這個功能,如果用戶幾乎沒有遇到過余佃,那么放棄這些功能吧暮刃。

要勇于向用戶說不,不要簡單地因為客戶要求就增加功能爆土,這樣可能會造成功能過多而使產(chǎn)品失斖职谩(要傾聽用戶的意見,但絕不能盲從)步势。

如果在設(shè)計的時候氧猬,只盯住流程,那么結(jié)果很可能會創(chuàng)造更多的功能去處理出現(xiàn)的各種異常情況坏瘩、問題和細(xì)節(jié)盅抚,要避免這些,退一步想倔矾,把注意力集中到客戶的目的上面妄均,換一種方案不是而不是換一種流程來實現(xiàn)柱锹。

排定功能優(yōu)先級:

1.確定用戶想要達(dá)到的目的并排定優(yōu)先次序

2.專注于尋找能夠完全滿足優(yōu)先級最高的用戶需求的解決方案

3.確定用戶在使用產(chǎn)品過程中最常見的干擾源,并將解決這些問題的功能按難易程度排出優(yōu)先次序

4.要知道滿足主流用戶的功能和滿足專家型用戶的區(qū)別

5.不要以功能的多寡來認(rèn)定產(chǎn)品的價值

要注意減負(fù):去掉那些可有可無的選項丰包、內(nèi)容和分散人們注意力的內(nèi)容禁熏,可以減輕用戶的負(fù)擔(dān)

減少用戶的選擇:用戶喜歡進(jìn)行少的選擇,這樣會讓用戶感覺自己在把控著局面邑彪,但是在某些情況下人們更在意少的選擇瞧毙,所以減少交給用戶的選擇是很有必要的。

可以設(shè)置默認(rèn)值寄症,減少用戶的點擊量:

1.熱門文檔(頭條新聞)

2.類似項(瀏覽過這個產(chǎn)品的用戶還看過宙彪。。有巧。)

3.個性化信息(使用你的地址自動填寫表單)

4.共同的選擇把(大多數(shù)用戶的選擇放在首位)

5.最近保存的文檔

6.恢復(fù)狀態(tài)(繼續(xù)從游戲的第三關(guān)開始玩而不是從頭玩起)

不要設(shè)計大量的選項首選項按鈕释漆,這是設(shè)計時需要考慮的問題,可以請一些用戶進(jìn)行測試篮迎,主流用戶不喜歡為設(shè)置選項和首選項費心勞神灵汪。

在支付環(huán)節(jié),要取消對用戶購買物品的一切不利因素(各類的導(dǎo)航柑潦;點擊查看詳情享言;瀏覽其他選項等等)只需要一個支付按鈕即可

消除錯誤是簡化用戶體驗的一個方面。

如何減少視覺混亂

1.使用空白或者輕微的背景色來劃分頁面渗鬼,而不要使用線條览露,使用線條會讓用戶誤以為此處被突出顯示了

2.盡可能少使用強(qiáng)調(diào),若使用了強(qiáng)調(diào)譬胎,僅加粗即可差牛,不必要又加粗、又放大堰乔、又變顏色

3.別使用粗黑線偏化,均勻、淺色的線更好

4.控制信息的層次镐侯,最好不要超過三個層次:標(biāo)題侦讨、子標(biāo)題和正文

5.減少元素大小的變化

6.減少元素形狀的變化

刪減文字:

1.刪除引見性文字(歡迎進(jìn)入我們的網(wǎng)站......這類廢話)

2.刪除不必要的說明

3.刪除繁瑣的解釋

4.使用描述性鏈接

精簡句子:

1.不適用介詞(對于、根據(jù)苟翻、為了韵卤、給予、通過等)

2.不適用is的動詞形式(正在消耗時間--》花時間)

3.把被動句式轉(zhuǎn)換為主動(時間是被這個項目所需要的--》這個項目需要時間)

4.減少索然無味的開頭

5.減少廢話

刪減過多:過于刪減而減少了用戶的控制感崇猫,沒有了控制感會讓用戶感到焦慮沈条,需要在控制太多和刪減過多之間找到平衡感

焦點:

1.聚焦于對用戶有價值的功能,專注承載用戶核心體驗的功能

2.聚焦于可用資源诅炉,刪除殘缺的功能蜡歹、不切題的元素和雜亂的內(nèi)容

3.聚焦于達(dá)成用戶的目標(biāo)

4.刪除干擾性的屋厘、增加用戶負(fù)擔(dān)的“減速帶”:錯誤信息、不知所云的文字月而、不必要的選項和造成視覺混亂的元素擅这。

組織

分塊:

經(jīng)典的建議是把項組織到“7加減2”個塊中,但是分塊越少景鼠,選擇就越少,用戶負(fù)擔(dān)就越輕痹扇。如果在連續(xù)的索引或者刻度上查找項铛漓,則不需要分塊,反之亦然鲫构。

圍繞行為進(jìn)行組織:

著手組織之前浓恶,首先要理解用戶的行為。人們一般都希望按照某種特定的步驟做事结笨,打亂這個步驟就造成迷惑包晰,令人沮喪】晃可以推遲障礙的步驟伐憾,甚至是簡化它。要了解用戶心中的操作步驟赫模,讓流程和各個步驟的順序吻合树肃。

是非分明(簡單的組織模式)

調(diào)查用戶詢問分類標(biāo)準(zhǔn)。

搜索:

簡單的用戶體驗需要先對內(nèi)容有效的進(jìn)行組織瀑罗,然后在考慮如何設(shè)計搜索(瀏覽對比搜索更容易設(shè)計且主流用戶還是很喜歡瀏覽的)胸嘴。

時間和空間:

時間線是組織活動的通用方式。

一些實體對象斩祭,如酒店和國家之類的劣像,可以按照空間來組織。

網(wǎng)絡(luò):

利用不可見的網(wǎng)絡(luò)來對齊頁面元素摧玫,是吸引用戶注意力的一種有效方式耳奕。但是有時候網(wǎng)格布局也會讓人感覺局促和受壓制,可以設(shè)計一個不對稱布局诬像。

大小和位置:

重要的元素要大一些吮铭,即使比例失調(diào)也可以考慮(例如籃球、足球颅停、網(wǎng)球谓晌、高爾夫這四類,為了顯示公平性癞揉,可以設(shè)計成大小相同的)纸肉。

不太重要的元素要小一點溺欧,如果一個元素的重要性為1/2,則設(shè)計的大小為1/4柏肪。

相似的元素放在一起姐刁。

分層:(地鐵借助顏色的對比形成了分層)

利用感知分層技術(shù),可以把一些元素放在另一些元素的上方烦味,或者把兩組元素并排起來聂使。分層可以借助顏色、灰色陰影谬俄、大小縮放柏靶、形狀變化,都可以實現(xiàn)感知分層溃论。

隱藏

1.把功能隱藏在倉蓋或滑動面板下

2.把功能放入一個菜單中

不常用但不能少:

主流用戶很少使用屎蜓,但是自身需要更新的功能,通常是適合隱藏的功能钥勋。

特色的功能或控件有

1.事關(guān)細(xì)節(jié)(例如炬转,對服務(wù)器進(jìn)行配置或設(shè)計電子郵件的簽名)

2.選項和偏好(例如,修改繪圖應(yīng)用程序的單位算灸,由英寸改為厘米)扼劈。

3.特定于地區(qū)的信息(例如,時間和日期等需要頻繁自動更新的信息)

通常把“設(shè)置”功能放在一個開放的頁面菲驴,個性化設(shè)置不會經(jīng)常改變测僵,因此非常適合隱藏。

自定義:

如果自定義工具很簡單谢翎,只需要添加幾項即可完成捍靠,自定義是很有價值的。否則森逮,不應(yīng)該讓用戶去自定義軟件榨婆。

自動定制:

在算法沒有達(dá)到完美之前,不要涉及自動定制的功能褒侧。

漸進(jìn)展示:

某項功能包含少數(shù)核心的供主流用戶使用的控件良风,另一些為專家級用戶擴(kuò)展性的精確地控件。這類稱為“核心功能加擴(kuò)展功能的模式”闷供,不僅能簡化設(shè)計烟央,更是一種強(qiáng)大的交互手段

階段展示:

隨著用戶逐步深入界面而展示功能便是階段展示。階段展示遵循幾條規(guī)則

設(shè)定一種場景歪脏。例如在測試結(jié)賬環(huán)節(jié)時疑俭,用戶提出從購物車到結(jié)賬的過渡有些不對,當(dāng)把該過程的開始冠以“歡迎安全的付款”時婿失,顧慮就消除了

講一個故事钞艇。流程按照像故事一樣層層展開啄寡,當(dāng)用戶理解了這是個什么故事之后,自然會跟著一步步的去做了哩照。

說用戶的語音挺物。對于業(yè)內(nèi)的人,行業(yè)術(shù)語簡潔明了飘弧,但是對于外行的人說识藤,一個看不懂的詞要比一段能看懂的話還復(fù)雜

把信息分成小塊展示。如果快太大次伶,用戶會認(rèn)為表單復(fù)雜痴昧,如果表單切分過多小塊,用戶會覺得太繁瑣太麻煩学少。

適時出現(xiàn):

例子:紐約時報提供的字典功能,在你選擇單詞之后才會顯示秧骑,這個就是適時出現(xiàn)版确。

這種設(shè)計的聰明之處在于隱藏了功能,該功能會在你需要時出現(xiàn)在合適的位置上乎折,若這個功能沒有被隱藏绒疗,全部顯示出來,則頁面會非常糟糕骂澄。

提示與線索:

面對于主流用戶吓蘑,需要大量的產(chǎn)品圖片和新聞等內(nèi)容,對于專家用戶來說坟冲,可以設(shè)置一個鏈接磨镶,點擊鏈接來打開相關(guān)技術(shù)的頁面。細(xì)微的線索足以提示出隱藏的功能健提。

讓功能容易找到:

功能放的位置一定要在用戶關(guān)注點上琳猫,遠(yuǎn)離了用戶關(guān)注點,用戶便不會注意此功能私痹,即使非常小的標(biāo)簽脐嫂,在用戶關(guān)注點上也會收到良好效果。

隱藏策略注意的點:

1.隱藏一次性設(shè)計和選項

2.隱藏精確控制選項紊遵,但專家用戶必須能讓這些選項始終保持可見

3.不可強(qiáng)迫或寄希望于主流用戶使用自定義功能账千,不過可以給專家提供這個選項

4.巧妙的隱藏。首先做到徹底隱藏暗膜,其次是適時出現(xiàn)匀奏。

轉(zhuǎn)移

這個策略就是DVD把其他復(fù)雜的內(nèi)容轉(zhuǎn)移到菜單來管理,只保留遙控器上的基本按鈕学搜。

在設(shè)備之間轉(zhuǎn)移:

有些功能在有的平臺上簡單攒射,而在其他平臺上會變的復(fù)雜醋旦。舉個例子,可以使用手機(jī)收集復(fù)雜的數(shù)據(jù)会放,使用電腦根據(jù)這些數(shù)據(jù)饲齐,形成各種各樣的內(nèi)容顯示給用戶,但是卻需要提交各種各樣的數(shù)據(jù)給電腦咧最,這就把手機(jī)的復(fù)雜度降低捂人,轉(zhuǎn)移難度到電腦上了。

移動平臺與桌面平臺:

這兩類平臺各有優(yōu)勢劣勢矢沿,可以把某些任務(wù)的某些部分轉(zhuǎn)移到不同的平臺上是一種更好的選擇滥搭。

向用戶轉(zhuǎn)移:

在設(shè)計中制定各種限制的規(guī)則限制用戶制定計劃,會讓用戶體驗性極差捣鲸,反而不如把用戶的規(guī)劃讓用戶自己完成瑟匆,把復(fù)雜的工作轉(zhuǎn)移到用戶,我們只需要收集這些規(guī)劃即可栽惶。

創(chuàng)造開放式體驗:

讓某項功能具有多種用途愁溜。例如,在某些汽車中給后擋風(fēng)玻璃加熱的電阻絲外厂,同時也是收音機(jī)天線冕象。

簡單頁面的最高境界,是專家和主流用戶都會感覺它非常好用汁蝶,這些體驗之所以讓人覺得簡單渐扮,就是因為專家和主流用戶可以分別設(shè)置自己不同的目標(biāo)。開放性界面的秘訣在于掖棉,盡量減少僅適合中級用戶的“便捷”特性墓律。

非結(jié)構(gòu)化數(shù)據(jù):

填寫表格是一件令人討厭的事,無聊死板且復(fù)雜幔亥。要解決這個問題只锻,應(yīng)該讓用戶自己決定輸入什么格式的數(shù)據(jù)。

信任:

簡單的體驗需要信任紫谷。構(gòu)建信任關(guān)系的唯一方式齐饮,就是讓用戶參與測試原型或?qū)嵨锬P汀?/p>

頑固的復(fù)雜性:

創(chuàng)建簡單用戶體驗的秘訣在于把復(fù)雜性轉(zhuǎn)移到正確的地方,讓用戶每時每刻都能感受到簡單之美笤昨。

細(xì)節(jié):

一定要注意細(xì)節(jié)的處理祖驱,缺少細(xì)節(jié)的后果可能是災(zāi)難性的,也會讓用戶心中的怒火越燒越旺瞒窒。

簡單發(fā)生在用戶的頭腦中:

讓軟件具有可用性捺僻,絕不能超出用戶的能力范圍,但是用戶想擁有更多的內(nèi)容,這是人類的本性匕坯,所以我們應(yīng)該盡可能朝著最大化的方向努力--然后快要給用戶帶來麻煩時戛然而止束昵。簡單的體驗應(yīng)該為用戶留出足夠的空間,讓他們能夠想象到當(dāng)前正在做的事情也是自己生活的一部分葛峻。不要讓你的設(shè)計干擾用戶的思緒锹雏,簡單的設(shè)計給用戶留出足夠的空間,讓用戶用自己的生活來填充這些空間术奖,創(chuàng)造價值礁遵。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市采记,隨后出現(xiàn)的幾起案子佣耐,更是在濱河造成了極大的恐慌,老刑警劉巖唧龄,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件兼砖,死亡現(xiàn)場離奇詭異,居然都是意外死亡既棺,警方通過查閱死者的電腦和手機(jī)讽挟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來援制,“玉大人戏挡,你說我怎么就攤上這事芍瑞〕柯兀” “怎么了?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵拆檬,是天一觀的道長洪己。 經(jīng)常有香客問我,道長竟贯,這世上最難降的妖魔是什么答捕? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮屑那,結(jié)果婚禮上拱镐,老公的妹妹穿的比我還像新娘。我一直安慰自己持际,他們只是感情好沃琅,可當(dāng)我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蜘欲,像睡著了一般益眉。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天郭脂,我揣著相機(jī)與錄音年碘,去河邊找鬼。 笑死展鸡,一個胖子當(dāng)著我的面吹牛屿衅,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播娱颊,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼傲诵,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了箱硕?” 一聲冷哼從身側(cè)響起拴竹,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎剧罩,沒想到半個月后栓拜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡惠昔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年幕与,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片镇防。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡啦鸣,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出来氧,到底是詐尸還是另有隱情诫给,我是刑警寧澤,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布啦扬,位于F島的核電站中狂,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏扑毡。R本人自食惡果不足惜胃榕,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望瞄摊。 院中可真熱鬧勋又,春花似錦、人聲如沸换帜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽膜赃。三九已至挺邀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背端铛。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工泣矛, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人禾蚕。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓您朽,卻偏偏與公主長得像,于是被迫代替她去往敵國和親换淆。 傳聞我的和親對象是個殘疾皇子哗总,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,901評論 2 355

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