微信產(chǎn)品設(shè)計(jì)的原則論文

　　在這里以微信為例，談?wù)劗a(chǎn)品設(shè)計(jì)的基本原則。用戶看重的是產(chǎn)品的概念模型，強(qiáng)調(diào)用戶體驗(yàn)，即產(chǎn)品如何設(shè)計(jì)，為用戶體驗(yàn)服務(wù)。用戶體驗(yàn)就是產(chǎn)品的核心競(jìng)爭(zhēng)力，就是產(chǎn)品的生命力。所以，要想懂得如何產(chǎn)品設(shè)計(jì)，需要了解用戶體驗(yàn)主要有哪些分類，才能更好地根據(jù)每個(gè)用戶體驗(yàn)分類進(jìn)行相應(yīng)的產(chǎn)品設(shè)計(jì)。感觀體驗(yàn)：呈現(xiàn)給用戶視聽(tīng)上的體驗(yàn)，強(qiáng)調(diào)舒適性。一般在色彩、聲音、圖像、文字內(nèi)容和網(wǎng)站布局等呈現(xiàn)。交互用戶體驗(yàn)：界面給用戶使用、交流過(guò)程的體驗(yàn)，強(qiáng)調(diào)互動(dòng)、交互特性。交互體驗(yàn)的過(guò)程貫穿瀏覽、點(diǎn)擊、輸入和輸出等過(guò)程給訪客產(chǎn)生的體驗(yàn)。情感用戶體驗(yàn)：給用戶心理上的體驗(yàn)，強(qiáng)調(diào)心理認(rèn)可度。讓用戶通過(guò)站點(diǎn)能認(rèn)同、抒發(fā)自己的內(nèi)在情感，那說(shuō)明用戶體驗(yàn)效果較深。情感體驗(yàn)的升華是口碑的傳播，形成一種高度的情感認(rèn)可效應(yīng)。用戶體驗(yàn)分類對(duì)應(yīng)的產(chǎn)品設(shè)計(jì)強(qiáng)調(diào)舒適性，主要是色彩、布局等呈現(xiàn)。色彩主要是UI設(shè)計(jì)師設(shè)計(jì)，布局主要是控件的對(duì)齊等基本設(shè)計(jì)，即產(chǎn)品設(shè)計(jì)的四大基本原則。強(qiáng)調(diào)交互性，主要是人機(jī)的互動(dòng)反饋過(guò)程，即產(chǎn)品設(shè)計(jì)的可用性原則。強(qiáng)調(diào)心理認(rèn)可，主要是情感認(rèn)可，也就是產(chǎn)品設(shè)計(jì)的情感化設(shè)計(jì)。四大基本原則產(chǎn)品設(shè)計(jì)的四大基本原則：親密性、對(duì)齊、重復(fù)和對(duì)比。

　　四大基本原則的應(yīng)用思路：把信息歸入邏輯親密性，利用對(duì)齊，找到并制造重復(fù)元素，加入對(duì)比。親密性（Proximity）彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近，歸組在一起，建立更近的親密性。親密性的根本目的是實(shí)現(xiàn)組織性。如果多個(gè)項(xiàng)相互之間存在很近的親密性（親密性意味著存在關(guān)聯(lián)），他們就會(huì)成為一個(gè)視覺(jué)單元，而不是多個(gè)孤立的元素。這有助于組織信息，減少混亂，為讀者提供清晰的結(jié)構(gòu)，這樣頁(yè)面的理解和視覺(jué)上都變得更有條理，更能表達(dá)信息。另外，親密性原則可以使頁(yè)面產(chǎn)生相應(yīng)的空白，空白既可以表達(dá)關(guān)系（說(shuō)明項(xiàng)與項(xiàng)的關(guān)系），也可以使頁(yè)面看上去有更多的空間，頁(yè)面不會(huì)顯得擁擠（眼睛得到休息），頁(yè)面更美觀（有條理），這樣頁(yè)面的布局會(huì)變得更有組織。案例：微信的發(fā)現(xiàn)頁(yè)面，掃一掃主要是二維碼/條碼、街景、翻譯的掃描上的識(shí)別，搖一搖主要是人、歌曲的搖一搖上的識(shí)別，存在著識(shí)別的關(guān)聯(lián)，所以歸組在一起，形成一個(gè)視覺(jué)單元。頁(yè)面上的空白條，使得每個(gè)視覺(jué)單元更加清晰，頁(yè)面更有組織性。如下圖所示：對(duì)齊（Alignment）任何東西都不能在頁(yè)面隨意安放。每個(gè)元素都應(yīng)當(dāng)與頁(yè)面上的另一個(gè)元素有某種視覺(jué)聯(lián)系，這樣可以建立一種清晰、精巧而且清爽的外觀。對(duì)齊的根本目的是使頁(yè)面統(tǒng)一而且有條理。如果頁(yè)面上的一些項(xiàng)是對(duì)齊的，這會(huì)得到一個(gè)更內(nèi)聚的單元，即使對(duì)齊的元素物理位置是彼此分離的，但在你眼里，他們之間也會(huì)有一條看不見(jiàn)的線把彼此連在一起。對(duì)齊主要有左對(duì)齊、居中對(duì)齊、右對(duì)齊。居中對(duì)齊的線條比較“軟”，會(huì)創(chuàng)建一種更正式、更穩(wěn)重的外觀，顯得更為中規(guī)中矩，但通常會(huì)乏味；左對(duì)齊或者右對(duì)齊的線條比較“硬”，線條更明確，這樣外觀會(huì)更清晰、效果更分明。所以我們可以看到頁(yè)面上的對(duì)齊主要采用左右對(duì)齊。注意事項(xiàng)一定要堅(jiān)持一個(gè)原則：只使用一種對(duì)齊方式。因?yàn)槲覀冄劬Χ枷矚g看有序的'事物，這會(huì)給人一種平靜、安全的感覺(jué)。此外會(huì)有助于表達(dá)信息，另外也要盡量避免居中對(duì)齊（除非有意而為）。案例：微信強(qiáng)調(diào)熟人社交關(guān)系、安全，但居中對(duì)齊強(qiáng)調(diào)的是正式且乏味，與微信的定位違背，所以微信每個(gè)頁(yè)面都采用左對(duì)齊（左對(duì)齊符合閱讀習(xí)慣，更能便捷找到閱讀的起點(diǎn)）。重復(fù)（Repetition）讓設(shè)計(jì)中的視覺(jué)要素在整個(gè)作品中重復(fù)出現(xiàn)。可以重復(fù)顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片，等等。這樣一來(lái)，要素都一致，各個(gè)部分看起來(lái)都是一體的，即能增加條理性，還可以加強(qiáng)統(tǒng)一性。重復(fù)的根本目的是統(tǒng)一，并增強(qiáng)視覺(jué)效果。

　　重復(fù)會(huì)為產(chǎn)品帶來(lái)一種專業(yè)性和權(quán)威性，會(huì)使用戶感覺(jué)有人在負(fù)責(zé)，因?yàn)橹貜?fù)顯然是一種經(jīng)過(guò)深思熟慮的設(shè)計(jì)決策。案例：微信每個(gè)頁(yè)面上，左對(duì)齊的重復(fù)、字體的樣式的重復(fù)、線條的樣式的重復(fù)、空白條的樣式的重復(fù)……注意，重復(fù)并不代表完全相同，而是存在明確關(guān)聯(lián)的緊密相關(guān)的對(duì)象。微信首頁(yè)列表中，朋友聊天列表和服務(wù)號(hào)的字體相同，但顏色不同（多樣性的統(tǒng)一）。微信的發(fā)現(xiàn)頁(yè)面，各個(gè)視覺(jué)要素的重復(fù)，如左圖所示。對(duì)比（Con-trast）頁(yè)面上的不同元素之間要有對(duì)比效果，達(dá)到吸引讀者的對(duì)比效果。要避免頁(yè)面上的元素太過(guò)相似。如果元素（字體、顏色、大小、線寬、形狀和空間等）不相同，那就干脆讓它們截然不同。要讓頁(yè)面引人注目，對(duì)比通常是最重要的一個(gè)因素，正是它能使讀者首先看這個(gè)頁(yè)面。對(duì)比的根本目的是增強(qiáng)頁(yè)面的效果（更有可讀性），有助于信息的組織（防止混淆）。對(duì)比不僅可以用來(lái)吸引眼球，還可以用來(lái)組織信息、清晰層級(jí)、在頁(yè)面上指引用戶，并且制造焦點(diǎn)。

　　案例：微信的聊天窗口，對(duì)話信息文本的底色的對(duì)比，信息文本與背景的底色的對(duì)比。需要注意的是，這些設(shè)計(jì)原則需要合理搭配才會(huì)有好的整理效果，設(shè)計(jì)頁(yè)面時(shí)很少只使用某一種原則。而且，需要注意四大原則的應(yīng)用思路：把信息歸入邏輯親密性，利用對(duì)齊，找到并制造重復(fù)元素，加入對(duì)比。案例：微信的發(fā)現(xiàn)頁(yè)面，使用了親密性形成多個(gè)視覺(jué)單元，實(shí)現(xiàn)組織性；再利用左對(duì)齊，形成清晰的外觀，使得頁(yè)面統(tǒng)一且有條理；再利用重復(fù)，使得頁(yè)面專業(yè)，增強(qiáng)視覺(jué)效果；最后再利用對(duì)比，即空白條和視覺(jué)單元的底色的對(duì)比，使得頁(yè)面更有可讀性。可用性原則尼爾森的可用性原則強(qiáng)調(diào)易用性，是交互設(shè)計(jì)的重要參考標(biāo)準(zhǔn)。狀態(tài)可見(jiàn)原則（Visibilityofsystemstatus）用戶在系統(tǒng)上的任何操作，不論是單擊、滾動(dòng)還是按下鍵盤(pán)，系統(tǒng)應(yīng)即時(shí)給出反饋。“即時(shí)”是指用戶可以接受的等待時(shí)間（reasonabletime）。案例：微信的發(fā)送信息時(shí)，信息文本左邊有個(gè)半透明白灰色的轉(zhuǎn)輪給出發(fā)送中的反饋，發(fā)送失敗時(shí)會(huì)出現(xiàn)紅色感嘆圓給出發(fā)送失敗的反饋。點(diǎn)擊微信右上角+，即時(shí)顯示相應(yīng)的操作按鈕的反饋。環(huán)境貼切原則（Matchbetweensystemandtherealworld）系統(tǒng)的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境，而不要使用系統(tǒng)的語(yǔ)言。《iPhone人機(jī)交互指南》里提到的隱喻與擬物化是很好的實(shí)踐。此外，還應(yīng)該使用易懂和約定俗成的表達(dá)。案例：微信的發(fā)現(xiàn)頁(yè)面，每個(gè)子功能的圖標(biāo)和表述都貼切用戶的環(huán)境，圖標(biāo)采用擬物化，表述采用用戶熟悉的語(yǔ)言。撤銷重做原則（Usercontrolandfreedom）為了避免用戶的誤用和誤擊，系統(tǒng)應(yīng)該提供撤銷和重做功能。

　　案例：微信的導(dǎo)航欄切換、頁(yè)面返回。聊天窗口誤發(fā)信息，支持撤回信息。一致性原則（Consistencyandstandards）同一用語(yǔ)、功能、操作保持一致。案例：搖一搖功能，打開(kāi)搖一搖的頁(yè)面，icon保持一致。防錯(cuò)原則（Errorprevention）通過(guò)系統(tǒng)的設(shè)計(jì)、重組或特別安排，防止用戶出錯(cuò)。案例：微信的附近的人功能，使用會(huì)彈窗提示，提示用戶位置信息會(huì)泄漏，防止用戶出錯(cuò)。

【微信產(chǎn)品設(shè)計(jì)的原則論文】相關(guān)文章：

1.談現(xiàn)代產(chǎn)品設(shè)計(jì)論文

2.高中議論文：微信

3.論文：關(guān)于翻譯的原則

4.科研論文選題的原則

5.生態(tài)水利設(shè)計(jì)的原則與技術(shù)論文

6.產(chǎn)品設(shè)計(jì)中的情境思維論文

7.類比法在產(chǎn)品設(shè)計(jì)中的運(yùn)用論文

8.老年室內(nèi)助行產(chǎn)品設(shè)計(jì)研究論文