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

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

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

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

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

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

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

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

談現(xiàn)代產(chǎn)品設(shè)計論文11-09

論文的內(nèi)容與原則07-12

產(chǎn)品設(shè)計畢業(yè)論文模板03-28

產(chǎn)品設(shè)計中的情境思維論文05-04

行為特征對產(chǎn)品設(shè)計的影響論文11-09

產(chǎn)品設(shè)計構(gòu)成訓(xùn)練的運用論文11-09

產(chǎn)品設(shè)計隱喻創(chuàng)意研究論文10-24

體驗教學(xué)產(chǎn)品設(shè)計探究論文06-05

產(chǎn)品設(shè)計的發(fā)展趨勢論文05-10