簡潔素雅:如何實現簡約網頁設計

發布時間:2019-03-30 19:35:23 浏覽次數:39

在生(shēng)活中(zhōng),人們常常被包圍在不需要的功能中(zhōng),比如某些手機,炫酷功能不勝枚舉:雙攝像頭拍照,眼神翻頁,Group Play(好幾台手機同步一(yī)首歌)等等。但從使用頻(pín)率和效果來說略顯雞肋。這些類似的功能可能會拖累整個産品,在使用時分(fēn)散用戶注意力,使用戶無法聚焦到核心功能。尤其是用戶在幹擾很多的場合,來不及仔細研究和思考的情況下(xià),簡單可控制無疑是用戶最需要的。同時簡約也是一(yī)種風格,帶有其特有的美感。那麽如何去(qù)做呢?

用戶分(fēn)類
首先我(wǒ)們把軟件的相關人員(yuán)分(fēn)爲三類:管理人員(yuán),開(kāi)發人員(yuán)和普通用戶。複雜(zá)往往是在他們之前轉移的,就像算法中(zhōng)時間成本和空間成本的權衡一(yī)樣,對用戶簡單了,可能開(kāi)發難度和管理難度就變大(dà)了。我(wǒ)們這裏關注的是對普通用戶的簡約。
其次我(wǒ)們把用戶分(fēn)爲三類:
專家型用戶:他們對你産品感興趣,舍得花時間研究探索産品的新功能。
随意型用戶:他們可能使用過類似産品,能接受新功能,但是得足夠簡單。
主流用戶:不會因爲你的技術而使用你的産品,使用你産品的目的是完成某項任務。他們會掌握一(yī)些重要功能的使用方法,但永遠不會産生(shēng)學會所有功能的想法。這些人的口頭禅就是:“我(wǒ)的手機隻要能打電(diàn)話(huà)、能發短信就行了。”大(dà)多數人屬于這一(yī)類。
我(wǒ)們産品設計應該關注的是大(dà)多數的主流用戶。對于專家用戶,或許他們能細數你的功能,和你溝通起來沒有障礙,三句話(huà)說到你心裏,而且是那麽通情達理,毫不猶豫就升級到最新版本,但他們的想法會讓主流用戶感到太複雜(zá)。

四策略
簡約的設計意味着你得追求極端的目标,達到其次的效果。我(wǒ)認爲能從兩個方面來下(xià)手:複雜(zá)度的減少和複雜(zá)度的轉移。在“四策略”中(zhōng),“删除”和“組織”更多在作用于前者,“隐藏”和“轉移”更多的是作用于後者。
删除
1、僅滿足核心需求,造出有設計感的輕量級産品,如tumblr。
2、不要死扣“假如用戶…… ”,假設用戶的所有可能使用情況并滿足,會産生(shēng)一(yī)些少部分(fēn)用戶低頻(pín)使用的功能。
3、删去(qù)界面的小(xiǎo)細節。比如簡化布局,精簡按鈕和鏈接樣式,減少廣告位數量,去(qù)掉分(fēn)隔線等。
4、不給用戶提供可選項。比如用戶在購物(wù)平台在結賬時,屏蔽到所有能指向其他地方的鏈接,或是可選項,順着點點就結完賬,不給用戶分(fēn)心猶豫的機會。
5、删減文字,精簡句子。使用簡潔文案,突出有價值的信息。
6、解決視覺混亂。一(yī)些技巧可以借鑒:删去(qù)分(fēn)隔标志(zhì),使用輕微的背景色來劃分(fēn)界面;少使用強調;删去(qù)較多的信息層次,比如隻使用标題,子标題和正文;減少元素,比如按鈕的形狀和樣式等。
7、消除錯誤來源。再小(xiǎo)的錯誤都會讓用戶感到心煩,所以盡可能去(qù)優化那些容易出錯的步驟吧。
删除某些功能是一(yī)味比較猛良藥,誰都不喜歡給了的東西又(yòu)拿回去(qù),包括用戶。從短期來看可能會造成一(yī)定負面效果,但這或許是産品能長期發展,脫穎而出的一(yī)個必須經過的階段。
組織
1、分(fēn)模塊,7±2是人瞬時能接受的一(yī)個模塊範圍。
2、按照用戶的行爲規律,時間和空間順序來組織,慎用字母表和格式統一(yī)與否來組織。
3、分(fēn)類盡可能明确,相互之間交叉盡可能的少。比如某銀行手機app,生(shēng)活繳費(fèi)功能并未劃在“生(shēng)活”業務标簽中(zhōng),而是歸在“一(yī)卡通”業務範圍内,這樣會造成較長的查詢時間。
4、對内容有效的組織之後再去(qù)考慮搜索,很多時候搜索功能并不能改善無效率的組織。
5、通過大(dà)小(xiǎo)和位置的組織來區别不同的重要性。
6、使用分(fēn)層,有如下(xià)技巧:少量的層;兩層差别盡可能大(dà);用高明度和高飽和度的顔色突出重點;相同重要可亮度和大(dà)小(xiǎo)相同,區别色調。
7、合理使用色标。用戶對色标的學習成本和使用收益應呈現合适的比例。比如一(yī)個長時間使用的大(dà)型應用,那麽用戶對于自成體(tǐ)系的色标也不會那麽介意,因爲使用到後面隻會越來越方面。
如果說删除是革命,那麽組織就是改革。通過重新的組合,也能降低整體(tǐ)的複雜(zá)度。
隐藏
1、不常用的但不能少的,比如個性化設置。
2、讓用戶自定義界面,選擇隐藏,可非專家用戶會喜歡這種方式麽?值得讨論。
3、分(fēn)段展現。讓用戶不是一(yī)次的去(qù)接受所有信息,而是采取逐漸分(fēn)步的方式。比如用戶注冊時隻需填寫較少信息,降低流失率,而處理到一(yī)定業務的時候,再讓他去(qù)完善個人信息。
4、巧妙的設置提示與線索。比如蘋果的MacBook展示頁,像宣傳畫冊一(yī)樣,滿足了主流用戶,而在右上角提供了一(yī)個技術規格,讓想了解的專家用戶去(qù)點開(kāi)查詢。
隐藏不能從根本上減少複雜(zá)度,可以看做一(yī)種迂回策略,甚至你想隐藏某項功能的時候你需要考慮:“是不是需要删去(qù)它?”我(wǒ)們在設計隐藏機制,使産品看上去(qù)簡約的同時,也需要讓它在适當的時候出現。
轉移
1、跨設備的轉移某些功能,比如蘋果表上的功能在iPhone上具體(tǐ)處理,微信公衆号的詳細設置需要在電(diàn)腦上完成。
2、把系統的工(gōng)作轉移到用戶那。信任用戶,讓用戶做擅長的事情,比如計劃,想象,估算,辨别信息等;而讓産品負責精确的記錄,計算,具體(tǐ)執行等工(gōng)作。比如,讓一(yī)個組件有多種用處,讓用戶去(qù)決定在什麽時候使用哪一(yī)個。
前三個策略可以完美的結合:删除不必要的,組織要提供的、隐藏非核心的。轉移相對獨立,涉及到對界面進行重新布局。

結語
運用删除,組合的策略将整本書(shū)的要點“簡約”出來,加上自己的思考結合到了一(yī)篇文章當中(zhōng),也算“簡約”的實戰了吧。就像書(shū)中(zhōng)所說,“簡約設計”就像打地鼠一(yī)樣,你打了這頭,那頭就起來了。我(wǒ)認爲,更多的時候,複雜(zá)是在各個維度之間轉移的,确定哪個維度是你關注的,就盡可能的将複雜(zá)移出那個維度。天知(zhī)道谷歌爲了讓我(wǒ)們的搜索界面簡潔到隻有一(yī)個框,面對了多少的複雜(zá)。

TAG标簽:
網站建設

深圳市皮埃斯网络科技有限公司提供網站建設,網站制作,網站開(kāi)發,網站設計,網頁開(kāi)發,網站定制,網頁設計等服務,幫助企業提高知(zhī)名度和影響力,提高企業網上競争力。我(wǒ)們的客戶來自各行各業,爲了共同目标,工(gōng)作上密切配合,從創業型小(xiǎo)企業到行業有影響力的網站建設公司,感謝他們對我(wǒ)們的高要求,感謝他們從不同領域給我(wǒ)們帶來的挑戰,讓我(wǒ)們的團隊用頭腦與智慧給客戶帶來驚喜。


閱讀推薦
關閉

在線留言