建站常識(shí)
設(shè)計(jì)與表達(dá)
2009-07-25 08:25:00
我們?cè)诠ぷ髦薪?jīng)常強(qiáng)調(diào)溝通能力,和產(chǎn)品、開發(fā)、測(cè)試等不同角色的人需要溝通,和領(lǐng)導(dǎo)、同事需要溝通,溝通是一個(gè)雙向的過程,而溝通首先需要雙方有良好的表達(dá)能力。一個(gè)產(chǎn)品,她要面向的是最終的用戶,用戶能否理解這個(gè)產(chǎn)品,會(huì)用這個(gè)產(chǎn)品甚至喜歡上產(chǎn)品,很大程度上取決于設(shè)計(jì)師對(duì)產(chǎn)品的詮釋,那么這個(gè)核心能力就是設(shè)計(jì)師的表達(dá)能力。
無論是做交互設(shè)計(jì)還是視覺設(shè)計(jì),設(shè)計(jì)師工作的很大一部分是將業(yè)務(wù)邏輯通過合適的方式詮釋出來,其核心就是需要優(yōu)秀準(zhǔn)確的表達(dá),而表達(dá)絕不僅僅局限于表現(xiàn)層的視覺元素,如圖標(biāo)、文字、控件、界面的排版布局,在產(chǎn)品設(shè)計(jì)的不同階段表達(dá)有不同的體現(xiàn)。
本文試圖從以下幾個(gè)小點(diǎn)來說明表達(dá)能力在不同階段的體現(xiàn)及其重要性。
表現(xiàn)模型(心理模型的表達(dá))
產(chǎn)品的終極目標(biāo)是為了滿足用戶的需求,用戶需求建立在用戶的心理模型之上,表現(xiàn)模型在多大程度上貼近用戶心理模型,往往決定了產(chǎn)品有多大程度受到用戶的認(rèn)可。
人們總是傾向于用自己的方式來解釋發(fā)生的現(xiàn)象,設(shè)計(jì)師對(duì)功能的詮釋需要考慮多數(shù)用戶平時(shí)生活的經(jīng)驗(yàn)和使用習(xí)慣,或者對(duì)新產(chǎn)品使用的期待,尋找一種最為有效和容易理解的方式來表達(dá)。
舉個(gè)例子,在google earth軟件中,點(diǎn)擊加號(hào),地球被拉近,離用戶距離更近;點(diǎn)擊減號(hào),地球被拉遠(yuǎn),離用戶距離更遠(yuǎn),當(dāng)然你也可以通過鼠標(biāo)滾輪來控制遠(yuǎn)近。
圖1 google earth 控制視圖控件
那么我可以怎么理解加減號(hào)和空間距離的對(duì)應(yīng)關(guān)系呢?回想一下我們常用的看圖軟件,點(diǎn)擊加號(hào)的時(shí)候表示放大,點(diǎn)擊減號(hào)的時(shí)候就是縮小當(dāng)前圖片,在這里加號(hào)減號(hào)和放大縮小形成了對(duì)應(yīng)關(guān)系,于是我可以通過之前知識(shí)經(jīng)驗(yàn)來理解google earth這個(gè)控件的含義,這種表現(xiàn)模型就是符合用戶心理模型的設(shè)計(jì)。
圖2 ACDSee 放大縮小控件
而不同人對(duì)同一產(chǎn)品的理解又可能是不同的,正如對(duì)哈姆雷特在一千個(gè)人心中有一千個(gè)不同的形象。在產(chǎn)品設(shè)計(jì)中,只要我們能保證用戶能形成簡(jiǎn)單、有效的認(rèn)知模型,那這個(gè)表現(xiàn)模型就是合理的。
簡(jiǎn)化交互(行為的更好表達(dá))
很多時(shí)候,我們要面對(duì)大量的信息和功能需要傳達(dá)給用戶,但我們不能讓界面布滿了按鈕和信息,我們需要做減法,可能是將用戶暫時(shí)不用的功能或使用頻率較低的功能隱藏起來;也可能是將邏輯上同類的功能進(jìn)行分組,復(fù)用一部分界面;還可能是用一個(gè)控件實(shí)現(xiàn)多個(gè)功能來完成更多的任務(wù)。
舉一個(gè)iphone的例子。我們都知道傳統(tǒng)手機(jī)都有一個(gè)碩大的物理鍵盤,當(dāng)用戶不需要輸入的時(shí)候,鍵盤實(shí)際上并沒有多大的用處;iphone采用的觸摸屏使用虛擬鍵盤的設(shè)計(jì),在用戶需要輸入的時(shí)候才出現(xiàn)鍵盤,極大地節(jié)省了寶貴的屏幕空間,同時(shí)對(duì)用戶任務(wù)流的干擾也降到了最低。
圖3 Iphone 的虛擬鍵盤
豐富的反饋(細(xì)節(jié)的豐富表達(dá))
在人與人的交流中,有時(shí)候語言會(huì)顯得貧乏無力。戀愛中的男女,女人不需要說話,一個(gè)眼神就可以讓對(duì)方心領(lǐng)神會(huì);和陌生人談話,雙手抱在胸前,反映出對(duì)方對(duì)我產(chǎn)生了威脅,本能地需要尋找保護(hù);在人與人的溝通中,交流介質(zhì)是豐富和復(fù)雜的。
在計(jì)算機(jī)和人的溝通中,我們所能采用的手段似乎有很大的局限性。我們不能指望計(jì)算機(jī)開口說話,計(jì)算機(jī)也理解不了我們復(fù)雜的語言和姿勢(shì)。在軟件界面里,常用的就是冷冰冰的一個(gè)對(duì)話框扔到用戶面前,如果文案再設(shè)計(jì)得不好,用戶會(huì)有巨大的挫敗感,一如windows的錯(cuò)誤消息對(duì)話框,伴隨著恐怖的聲音,會(huì)讓我感覺很失落,同時(shí)伴隨煩躁情緒產(chǎn)生。
圖4 錯(cuò)誤信息對(duì)話框
似乎人們已經(jīng)習(xí)慣了使用對(duì)話框,而對(duì)話框成為了一個(gè)標(biāo)準(zhǔn)。Cooper在《about face 3》里面談到了非模態(tài)視覺反饋(RVMF),其實(shí)就是通過視覺手段來提供及時(shí)和更加豐富的反饋信息,而不用通過對(duì)話框來打斷用戶的操作流。在這方面,游戲軟件做得不錯(cuò)。比如帝國(guó)時(shí)代,伴隨文明的升級(jí),建筑和士兵的圖標(biāo)會(huì)更大,同時(shí)也會(huì)更華麗;當(dāng)戰(zhàn)爭(zhēng)發(fā)生的時(shí)候,會(huì)有煙霧,火光,顯示建筑物的損毀狀態(tài),直到倒塌。簡(jiǎn)言之,游戲里提供了豐富的模擬現(xiàn)實(shí)的視覺以及聽覺等多個(gè)通道的反饋,帶給用戶的體驗(yàn)真實(shí)而細(xì)膩。
其實(shí),再想多一些,隨著計(jì)算機(jī)技術(shù)的發(fā)展,人機(jī)交互已遠(yuǎn)遠(yuǎn)不局限于視覺這一個(gè)維度,人們需要豐富自然的反饋,僅僅視覺一個(gè)緯度的反饋是不夠的。Wii的流行,觸摸屏的廣泛應(yīng)用都反映了人們?cè)诓粩嘧非笞匀唤换シ绞筋I(lǐng)域的進(jìn)步,也許未來會(huì)有更多更豐富的反饋方式來實(shí)現(xiàn)人和計(jì)算機(jī)的交流,我們和計(jì)算機(jī)之間的交流、通過計(jì)算機(jī)和人之間的交流將會(huì)有更多的通道,而不是通過對(duì)話框。
文案有多重要(產(chǎn)品特質(zhì)的表達(dá))
文案設(shè)計(jì)是產(chǎn)品設(shè)計(jì)中不可缺少的一環(huán),是產(chǎn)品傳達(dá)信息的重要手段。文案設(shè)計(jì)的好壞有時(shí)候?qū)Ξa(chǎn)品會(huì)產(chǎn)生巨大的影響。
來看一個(gè)新聞標(biāo)題:
三大全國(guó)性交易市場(chǎng)布局渝中
這個(gè)標(biāo)題有兩種理解方式,從而容易讓用戶誤解。
再看一個(gè)QQ空間的例子:
圖5 QQ空間商城首頁(yè)
“裝扮首頁(yè)”是裝扮我的空間首頁(yè)呢,還是裝扮的首頁(yè)?
我們還看到在一些SNS網(wǎng)站有一些頗具個(gè)性的文案,活躍了網(wǎng)站的氣氛,也帶給用戶一些樂趣??匆粋€(gè)白社會(huì)的例子。他可以根據(jù)用戶群體的特征和時(shí)間信息等生成一些和用戶能產(chǎn)生共鳴的文案,勾引用戶去寫點(diǎn)什么。
圖6 白社會(huì)寫心情提示
在google mail的垃圾郵件列表里,如果你一封垃圾郵件都沒有,會(huì)顯示如下文字:
可以看到,好的文案設(shè)計(jì)反映著產(chǎn)品的特質(zhì),文案的風(fēng)格應(yīng)該盡量保持一致并符合產(chǎn)品的用戶群特征。例如開發(fā)軟件提示應(yīng)該盡可能清晰、準(zhǔn)確,像“太棒了”這類口語化的文字用在這里就不合適。
綜上,表達(dá)能力可以體現(xiàn)在對(duì)用戶需求的理解,對(duì)產(chǎn)品交互行為的優(yōu)化,也可以體現(xiàn)在提供用戶更加豐富和自然的反饋和獨(dú)特、優(yōu)秀的文案設(shè)計(jì)等等,表達(dá)這一理念貫穿了整個(gè)設(shè)計(jì)過程的始末。
對(duì)設(shè)計(jì)師來說,準(zhǔn)確和清晰的表達(dá)能力是一項(xiàng)基本的能力,也是一項(xiàng)非常重要的素質(zhì),在產(chǎn)品設(shè)計(jì)的每個(gè)階段都需要注意表達(dá)的合理性,表達(dá)不僅僅是關(guān)于排版布局那么簡(jiǎn)單。
原文:http://cdc.tencent.com/?p=1382
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-07-16 08:14:00] “高效”是首要的設(shè)計(jì)要求
- [2007-10-31 15:44:00] 網(wǎng)頁(yè)文字的設(shè)計(jì)應(yīng)該像聰明女孩穿衣服那樣
- [2007-09-13 14:57:00] 科學(xué)與藝術(shù)兼顧的有效網(wǎng)頁(yè)視覺設(shè)計(jì)
- [2009-12-12 08:54:00] 交互設(shè)計(jì)有效性之操作入口明確
- [2009-08-07 07:45:00] 互聯(lián)網(wǎng)表單設(shè)計(jì)之消失的表單
- [2010-06-01 08:36:00] 信息架構(gòu)中的常見模型-2
- [2010-07-16 08:16:00] 設(shè)計(jì)信息可視化的10條建議
- [2009-06-09 22:40:00] 值得借鑒的白社會(huì)的交互設(shè)計(jì)
- [2006-12-28 20:11:00] 怎樣設(shè)計(jì)人性化的登錄界面
- [2009-06-11 17:15:00] 網(wǎng)頁(yè)設(shè)計(jì)中的3D元素
- [2009-06-02 08:11:00] 互聯(lián)網(wǎng)應(yīng)用表單設(shè)計(jì)
- [2006-08-09 13:09:00] 《設(shè)計(jì)師談網(wǎng)頁(yè)設(shè)計(jì)思維》引言:從哪里開始
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)站優(yōu)化 青島網(wǎng)站營(yíng)銷 審美 網(wǎng)站動(dòng)畫 青島高端網(wǎng)站建設(shè) 互聯(lián)網(wǎng) 搜索引擎蜘蛛 青島網(wǎng)站SEO 青島抖音小程序開發(fā) 微信營(yíng)銷的優(yōu)勢(shì) 網(wǎng)站規(guī)劃 H5定制設(shè)計(jì) 網(wǎng)站設(shè)計(jì)趨勢(shì) 青島開發(fā)區(qū)建站公司 圖形網(wǎng)格 微信小程序 網(wǎng)站改版 微官網(wǎng) 外貿(mào)網(wǎng)站建設(shè) H5 網(wǎng)站建設(shè)的步驟有哪些 微官網(wǎng)帶來的好處 網(wǎng)站優(yōu)化 交互設(shè)計(jì) 營(yíng)銷型網(wǎng)站建設(shè) 青島網(wǎng)絡(luò)公司 GOOGLE 青島輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站策劃 蘋果系統(tǒng)