資訊的展示與解讀設計 董天田

2022-10-14 11:09:02 字數 4866 閱讀 6121

董天田資深使用者體驗設計師

聯想摘要:

對資訊進行合理的展示與準確的解讀,是使用者接受並理解產品的關鍵因素之一。就如同一張優秀的**勝過千萬字語言一樣,良好的資訊展示與解讀設計不僅能使產品簡單易用、減少使用者困惑,還能大幅度降低後續的支援和糾錯成本,確保產品使用者體驗。然而當前大多數產品的資訊展示與解讀設計卻很難達到令人滿意的程度,少數甚至引起使用者的誤解或反感,直接降低了產品的使用者體驗。

資訊的展示與解讀設計應用範圍極為廣泛,形式多種多樣並涉及多個行業和領域。受限於篇幅,本文著重討論其在電子產品中的實現手段,結合使用者感受程度來劃分相應的等級,並給予詳細的分析與探索。

關鍵詞:資訊的展示與解讀,使用者,設計,評判等級,分析

1. 資訊的展示與解讀

1.1 概念與定義

從表現形態與功能效用來看,資訊的展示與解讀與互動設計緊密相關,但兩者的側重點又有明顯的區別:互動設計更偏重實際發生的乙個或一系列操作動作與對應的反饋;資訊的展示與解讀設計則通常發生在互動動作之前和之後,主要包括但不限於關於產品任何方面的說明、描述、展示和解釋等, 需要產品自身以恰當適合的形式主動呈現給使用者,並重點關注其最終接收和理解的程度。毫無疑問,使用者最終接收和理解的程度越高則越成功,反之則越失敗。

使用者從何種程度上接收並理解產品想要表達的資訊,不但直接影響產品的使用者體驗,還能夠間接影響產品的命運甚至乙個品牌的形象和地位。就像蘋果公司設計師兼資深副總裁喬納森.伊夫所述:

設計所體現的價值不僅僅是指可被感知的那一小部分,它代表了產品,甚至更多。

1.2 巨大的提公升空間

對於產品的理解和深入程度,相信絕大多數使用者永遠趕不上設計製造者。因此,產品必須通過特定的手段和方法來引導指點使用者,告訴他們如何使用。最常規也是最容易想到的手段包括僱傭和培訓售前售後人員、編寫產品指南或安排顧客服務人員等,甚至面對面地答疑解惑。

然而事實證明,僅僅做到這些是遠遠不夠的。隨著公司規模擴大和使用者數量增長,這些辦法對於那些擁有成千上萬甚至過億使用者的公司來說基本上是杯水車薪。此外,沒有也不可能有任何一家公司能夠保證與使用者面對面地澄清解釋各種使用中的問題。

因此,在各方面現實因素和客觀環境的限制下,當我們依然期望使用者能夠理解產品的奧妙和精華時,最實際也是最容易把控的手段就是讓我們的產品自己開口說話,主動向使用者去展示並準確解讀相關資訊,最終讓使用者暢通無阻地使用甚至享受產品帶來的樂趣。

然而現實卻沒那麼美好:當前市面上充斥著大量參差不齊的資訊展示方法與五花八門的解讀設計,不但沒有為使用者創造無縫自然地使用體驗,反而加大了使用者與產品的距離:很多資訊的展示解讀設計都不夠友好,甚至枯燥粗暴,令使用者地上手和操作更加複雜困難。

究其原因,最核心的問題是產品設計依然建立在研發工程師的理解基礎上,而沒有從使用者的角度和眼光出發。

1.3設計評判等級的理念

與任何型別的設計一樣,資訊的展示與解讀無法採用一刀切的評判標準來衡量。但萬變不離其宗,設計的最終目的是服務於使用者。就像馬斯洛創造的人類需求等級一樣,從低階到高階,人們對於生活品質和思維意識的要求是分等級的。

而設計作為服務於人類物質和精神的一種表現形式,具有極為相似的特性,同樣源自於人本主義。因此,針對於資訊的展示與解讀設計,我們可以根據其實現手法和使用者接受認可程度設定幾個不同等級來加以描述和區分,如上圖所示。

可以看到,當前大多數產品的資訊展示與解讀設計處於第三個等級中,屬於平鋪直敘、中規中矩型別,提公升空間與可挖掘潛力非常大。

2. 設計評判等級描述與分析

2.1 恰如其分返璞歸真

恰如其分地使用某一種或幾種手段結合完成,從全域性架構和系統邏輯出發進行資訊的展示與解讀設計;對於每一處細節都有相應的考慮,講究孰輕孰重和大膽簡化甚至大量留白。使用者通常感覺不到有任何困難或獨特性(就好比使用自己的手腳一樣容易),不要需任何思考或猶豫。毋庸置疑,這是最理想的設計[1]。

在這個等級中,蘋果產品的資訊展示與解讀設計最為突出,簡潔清晰而不簡單。從全域性構架和系統邏輯層面來看,對於普通使用者只有足夠的簡單易懂,他們才能夠快速感知並接受產品包含的資訊並輕易完成絕大多數的操作任務,自然而然地將ios裝置變成自己身體或生活體驗的一部分。而ios始終只在二級或更深介面左上角返回,而在一級介面通過按壓home返回桌面,僅此一處資訊框架的展示和布局設計就為使用者節省了大量學習和記憶成本。

ios系統中資訊展示與解讀設計的精緻細膩與動畫過渡效果的連貫無縫則令人們倍感貼心自然,絕大多數使用者不需要專業的眼光或刻意的體會就能夠感受到其中的奧妙,這也是為什麼蘋果產品能夠牢牢抓住使用者的重要

原因之一。

圖2 ios系統中資訊的展示與解讀在大框架和細節兩個層面上都很到位

喬納森.伊夫堅信「直觀自然的設計是最美的」[2],真正讓人們毫無阻力理解並接受的產品,無論從視覺還是從體驗上來講都應該是類似「潤物細無聲」的,最高境界的追求是讓使用者會心一笑,而不是刻意去創造所謂的驚豔以此祈求給使用者留下印象。正因為使用者是非專業的,因此我們需要讓設計也變得直觀自然。

2.2 創新出彩有意而為

較好地使用某一種或幾種手段結合完成,使用者通常能夠感受到設計的精益求精或創意情懷,還會對某些特色或細節留有一定的印象。本著追求完美設計的目標,這種設計通常處於尚在探索形成特定設計風格的過程中,可能帶有一定的刻意突出或著重表現性質,也容易引發細節與整體、不同環境中細節的不一致問題。

相信大多數pc使用者對於360並不陌生,這裡就拿360舉例說明。 歷經多個版本的「變臉」,360垃圾清理的介面乾淨整潔,核心資訊與輔助資訊主次分明,使用者只需點選按鈕既可以釋放系統空間。 這裡的資訊展示與解讀非常到位,相信絕大多數的電腦使用者即便再初級也可以看得懂「多少mb的垃圾」。

而清理垃圾是自然而然理所當然的事,至於360在背後做了哪些繁冗複雜的工作,就沒必要呈現出來了。因此在這裡,產品抓住了使用者最想要的,從使用者的角度來對資訊進行展示和解讀,成功的激發了使用者進行下一步操作的興趣。

圖3 使用者非常容易理解、抓住重點、簡明扼要

除了一鍵式的極簡設計,通過動態場景將隨後發生的事件展示給使用者,不僅清楚地交代了清理過程、哪些應用中存在垃圾,還給使用者帶來了直觀的滿足感和成就感 – 就如同挨個清掃每個房間一樣,所有房間都清掃之後,大掃除也就完成了。對比傳統的進度條或百分加或文字敘述,組合運用多**無疑是乙個明顯的進步[3]。最關鍵的是:

這種方式充分考慮到了使用者的接受程度和理解能力,真正站在使用者的角度來看待產品,而不是想當然的認為使用者是如何理解的。

當然,在這裡需要指出的是,這一等級的設計通常對產品某些重點進行刻意的突出或渲染,具有一定的誘導性。比如在以上的例子中,掃瞄前實際的垃圾容量為122.9m,而介面上有意識的將978.

2mb(未必完全是垃圾,需要手動勾選其他應用項)設計為最醒目的。很顯然,360這樣設計是有目的的,因為垃圾數量越多,使用者進行清理操作的意願也就越強。

圖5 前後相同位置上的資訊不同,具有誘導性

2.3 平鋪直敘中規中矩

資訊的展示與解讀使用一般化的手段來設計完成,使用者未必會關注或嘗試閱讀其內容,並可能引起輕微地不悅或反感,比如一目十行或乾脆直接跳過。此外,這種形式的設計還導致相關功能不被啟用或很久以後才被偶然發現,原本想要體現的價值被浪費。這種中規中矩的資訊展示與解讀司空見慣、數量龐大,可以存在於各種介面中,相信只要用過智慧型手機的使用者都略過數不清的應用引導頁面和說明介面。

這種資訊的展示與解讀效果很難無法保證達到其預期的效果。

三星note edge在其時尚炫酷的側邊曲面屏上下了血本,又擔心引不起使用者興趣或被忽略,於是採用了這樣一種設計:在首次開機時給出了大量的資訊說明。因為介面確實有限,同時還不得不照顧到使用者希望馬上體驗手機的急迫心情,就造成了這樣的尷尬:

文字少了怕說不清問題;文字多了又顯雜亂,使得使用者開機後的第一印象大打折扣。

圖6 文字說明以條條框框形式出現,把使用者又帶回了枯燥的書本課堂時代

從本質上來看,感受任何乙個新興事物,既能激發使用者的探索求知好奇探索,又能帶給其一種挑戰:通過自己地摸索與嘗試最終完成乙個任務,使用者會有一種勝利感和成就感。因此資訊的展示與解讀要避免平鋪直敘和單調刻板。

儘管從表面上來看,note edge對於側屏的資訊展示不能不說是設計師花了一定時間和精力專門為方便使用者使用而創造的,但從使用者感知和接受角度來看,這種方式更像是在偷懶:這不就表明了設計師已經預設使用者會仔細閱讀理解所有資訊,並臆想他們在隨後地使用中不再會有任何疑問嗎?

還有沒有更好的辦法?能否將資訊的展示與解讀貫穿在使用的過程中?有沒有一種循循善誘的方式融入到使用者的使用過程中,以此創造盡可能自然無縫的體驗?

我們將在文章結尾處嘗試給出分析與探索。

2.4 簡單粗暴要素缺失

資訊的展示與解讀設計一旦出現了遺漏或缺失,將會給使用者帶來理解或操作上的困難。通常這一類問題不會單個存在,而會在不同應用或環境中多次出現。儘管使用者未必會意識到哪些地方出了問題,也不一定會中斷操作過程,但綜合體驗和理解會因此而大打折扣,同時直接降低產品檔次並削弱品牌的影響力。

某品牌的手機在切換sim卡時,會出現這樣乙個提示:是否配置全網通。這個提示看似展示並嘗試著解讀了一些資訊,但實際上不僅沒有達到預期,反而造成了更大的困惑:

使用者丈二和尚摸不著頭腦,什麼是全網通?配置能得到什麼好處?不配置又會損失什麼?

這屬於典型的資訊展示與解讀設計缺失。在這裡,缺失主要是指資訊的內容極為有限,也沒有使用使用者能夠理解的語言進行描述,使用者看到後會在心中形成乙個大大的問號甚至會在以後的使用中留下乙個心結。可以設想到,如果這類問題只在某些細節或沒有被人注意到的環節上出現,可能影響不是很大,至多是使用者會覺得使用不順暢;然而一旦出現在了關鍵環節或步驟中,就可能導致使用者以其特有的方式進行抱怨、傳播甚至投訴,這也是導致產品nps下降的乙個主要原因[4]。

圖7 非使用者友好的資訊設計

其實解決這個問題並不難,好好從使用者的角度出發來想一想,他們要的是什麼?他們的訴求是什麼?是否就是無論插入哪張sim卡都能快速上網並不影響通話簡訊?

多為使用者設身處地的考慮考慮,就不會出現工程師思維的「是否配置全網通」了。

2.5 刻意誇大過度渲染

通過使用不同程度的虛假、刻意誇大或扭曲資訊內容和呈現手段,確實能在短期內產生轟動性效應。然而,當使用者經歷過乙個注意力被吸引、高度集中再到恍然大悟的過程後,很可能會產生一種上當被愚弄的感覺。對於產品而言,這將導致更嚴重的後果:

產品公信力與品牌影響力因此而受到損害、廣大消費者的信賴度隨之下降甚至導致忠實粉絲地背叛[5]。

展示空間設計中資訊合理化傳遞的方法與途徑

摘要 現代展示空間設計中資訊合理化的傳遞是對展示空間設計的有效性的反饋。在展示空間設計中結合展示活動設計的特徵,充分結合展示的場景,充分發揮有效元素資訊,採用合理的方法和途徑,以達到資訊的合理化傳遞。本文主要展示空間設計中有效元素資訊的採用和有效視覺元素對於展示空間設計的價值出發,通過對視覺元素在展...

《資訊與資訊的特徵》教學設計

第一課時教案設計 德興一中董旭豔 一 教學內容分析 資訊與資訊的特徵 一課是上海科技教育出版社 資訊科技基礎 高一年級必修第1章 緒言 第1課的內容。本課主要是讓學生了解資訊的概念及主要特徵,了解資訊的重要性及對人類社會的影響,是打好學習資訊基礎,開啟學生智力的重要內容,而且 好的開始等於成功的一半...

資訊的獲取 獲取資訊的過程與方法教學設計

計算機學院葉妙芬 一 教學目標 1 對應課標要求 知道資訊 的多樣性及其實際意義 學會根據問題確定資訊需要和資訊 並選擇適當的方法獲取資訊。2 本節教學目標 知識目標 要求學生在理解並掌握獲取資訊的過程與方法,具體到資訊是如何確定資訊源,如何採集 如何評估。能力目標 在掌握理論知識的基礎上,要求學生...