01
什么是靈動島(Dynamic island)
2022蘋果秋季新品發布會,備受關注的新一代iPhone如期而至,此次發布會最大的亮點是iPhone 14 Pro系列一改之前「劉?!乖O計,首次采用了「藥丸」挖孔屏。雖然「藥丸」在安卓陣營中并不是什么新鮮玩意,但一向以創新著稱的蘋果還是玩出了不一樣的花樣,帶來了全新的交互方式,模糊了硬件和軟件的界限,通過實時變化顯示重要的提醒、通知以及簡單的功能操作,蘋果把這一創新稱之為靈動島(Dynamic island)。
02
靈動島能做什么 / 不能做什么
靈動島其實可以簡單的理解為基于前置攝像頭區域拓展的消息通知和快捷操作的新交互方式。
來電
當有來電時,靈動島會發生變化,并在后臺打電話時顯示通話時間和聲音波紋。
音樂
有點類似于鎖屏后的音樂功能操作,保留了基本的播放、暫停、前進、后退等功能。
Airpods
連接AirPods后,AirPods的型號外觀和當前電量會一起顯示。
導航
顯示導航方向和距離,并且能夠在適當的時候放大顯示更多導航信息。
Face ID
以前Face ID認證會顯示在屏幕中間,現在集成于靈動島的擴展功能之中。
充電
當充電時,會顯示充電的狀態以及當前電量百分比。
當然,目前除了官方展示的這些功能以外,還會有更多的應用方式,在此不一一列舉。但靈動島也并不是萬能的,例如會存在以下的局限性:
重度使用場景
從官方給出的樣例來看,靈動島更多的是承擔了消息通知和提醒的作用,并不適用于重度使用和復雜交互等場景,例如消息聊天、刷短視頻、買賣交易等等。
過于復雜的圖形
受限于前置物理攝像頭,靈動島這個區域并不能顯示過于復雜的圖形,并需要避開攝像頭區域,因為該區域是不能顯示任何圖像的。
軟硬件的邊界
靈動島的實際效果并不會像宣傳圖中那樣好,特別是在反光強烈的戶外。攝像頭的挖孔清晰可見的,即使是在黑色不發光的OLED屏幕上,軟件和硬件的界限還是能夠明顯區分。
03
對于靈動島的各方反應
新事物的出現,總會伴隨著支持和反對兩種聲音,此次靈動島的創新交互,自然也是褒貶不一,還需要經受時間的考驗,因為即使是蘋果這樣的公司也難免會犯錯,比如3D Touch、MacBook上的Touch bar等。
支持方認為「靈動島是繼劉海屏之后的又一個成功設計,甚至會超越劉海屏,更受歡迎」。
「靈動島的設計非常討巧,同時也給挖孔屏帶來了更多的想象空間」。
而反對方的理由也十分充分,首先是羅永浩第一時間發表了自己的觀點,表面上是硬贊這個創新,但實則是諷刺了這樣多此一舉的方式,「先在臉上涂屎,然后再把屎的顏色調整得跟粉底差不多」
很多的輿論認為,靈動島的創新是蘋果的一種無奈和妥協,因為自從第一代iPhone革新性的使用觸摸屏之后,十多年以來手機在工業設計方面并沒有太多的創新,大部分廠家是在屏幕分辨率,后蓋材質,攝像頭像素上面做文章,而蘋果作為一個工業設計創新的公司,也只能通過后置攝像頭模組的排列來維持每一代iPhone的變化。所以此次靈動島的創新,被認為是工業設計乏力之后推動交互設計創新的無奈之舉。
但無論支持還是反對,前置攝像頭挖孔屏終究是一個過渡性的方案,最終會被全面屏所替代,而在這個過渡時期,很明顯蘋果的解決思路與國內的絕大多數廠商都不一樣。
04
為什么國產手機不做靈動島
國產手機的前置攝像頭解決方案除了「劉?!挂酝?,單攝像頭「圓孔」和雙攝像頭「藥丸」設計都已經非常成熟,但是為什么經過這么多年的迭代,依然沒有創新呢?
思維方式的差異
國產手機廠商的思路跟蘋果相反,希望盡可能的把前置攝像頭做得越小越好,甚至頭部的廠商嘗試探索升降攝像頭和屏下攝像頭的解決方案,目的就是為了把前置攝像頭隱藏。而蘋果的思路則是,既然現階段的技術沒有辦法把前置攝像頭隱藏,那么干脆就以此為基礎,把這個區域運用到極致。
缺少創新和引領者
似乎國內的用戶更關心的是電量是否持久、屏幕刷新率高不高、拍照功能強不強大等問題,秉持著「人民需要什么,我們就造什么」的成功理念,各大廠商也開始在這些方面內卷,從60Hz到120Hz刷新率,從千萬像素到一億像素,從萊卡加持到一英寸大底傳感器... 大家都在做從1到100的事情,而很少有關注從0到1,因為這樣做的性價比的確不高。
市場的接受和認可程度
當劉海屏第一次出現的時候,很多用戶都在吐槽,其中也包括很多蘋果的忠實用戶,寧愿買iphone8P也不愿意使用劉海屏的iPhone X。而經過一兩年的審美教育以及國產手機的跟風之后,才慢慢的被更多用戶所接受。因此國內的廠商很難有信心通過一己之力去改變用戶習慣,并贏得市場的認可。我相信,蘋果發布以后,各大廠商已經在積極的學習和模仿,新的一輪內卷即將拉開帷幕。
即便如此,國產廠商也并不是完全沒有在前置攝像頭的區域努力嘗試過。例如魅族曾經在前置攝像頭上顯示當前電量,稱之為「環形電量」,并盡可能的使其與狀態欄的其它信息融為一體。
榮耀的通話時間膠囊和自拍膠囊,都以前置攝像頭為基礎做延展,可以看得出在想盡辦法的規避前置攝像頭所帶來的不好體驗。
雖然VIVO的原子通知不是圍繞前置攝像頭區域拓展,但從效果和想法來看,也與靈動島的概念比較類似。
HTC曾經出過一款HTC U Ultra,當然那時候還沒有全面屏的概念,所以HTC把它稱之為副屏,可以顯示消息通知、音樂播放操作、App快捷入口等等。
除此以外,幾乎所有劉海屏的手機都有把劉海隱藏起來的功能。
05
對設計師的影響
靈動島的出現,對 iOS 原本通知、交互、卡片、彈窗等一系列交互規范進行了解構再重做,就好比「劉海屏」首次出現的時候,需要設計師對全新交互邏輯、卡片行為、動畫等重新適配。那么對于「靈動島」我想需要考慮的是這幾個方面。
新的交互方式
之所以叫靈動島,就是因為它是「靈動」的,擁有不同的狀態變化,以適應各種功能提示和操作。設計師在使用這個功能的時候,需要充分考慮其場景,恰如其分的給予提醒而不給用戶帶來過多的打擾。
新的容器
不同形態的容器可以裝載不同的內容,相比于以往常規的通知提醒,新的容器可以展示更多的信息,甚至是簡單的功能操作。在提出解決方案的時候,留給設計師更多的想象空間。
新的表達方式
靈動島相當于一個永遠在桌面上的島嶼,比任何App的優先級都要高,所以會成為各個應用的必爭之地,使用一種好的表達方式,必然能夠達到事半功倍的效果,因此也是考驗設計師在寸土寸金的區域中,通過視覺化手段表達的能力。
最后,我想蘋果的初衷是為了更好的用戶體驗,消除一部分用戶對于挖孔屏的焦慮,如果能夠真正的站在用戶的角度、克制的去使用新的交互方式,會得到用戶的喜愛和市場的認可。
我認為靈動島既是一種創新也是一種妥協,對于工業設計硬件創新乏力的妥協,更是對技術發展的妥協。我也相信,真正的全面屏時代終究會到來,期待那個時候蘋果再一次給我們帶來真正意義上的,里程碑式的,創新!
在產品設計中,當有新上線的功能或隱藏功能時,我們通常會給予用戶提示。常見的有小紅點、角標、黑色遮罩+文字提示等這類靜態提示。
而人類是視覺生物,相比于靜態內容,我們的注意力更容易被動態內容吸引。
今天來聊一下頁面中常見的動態引導。
當你看到這個頁面時
我想你會先被色彩凸出的元素吸引,然后是面積占比大的元素,最后根據閱讀習慣從上到下,從左到右,依次查看其他內容。(大致如下圖)
而當頁面元素都賦予細節時
假如我想讓你關注到其中某個較小元素
其實只需要為它添加動態,便能使其脫穎而出,這就是產品設計中的動態引導。
▍新功能提示 ?
當產品上線新功能時,設計師們都會根據功能重要程度,來決定使用什么形式讓入口元素和其他元素區分開來。常見的有小紅點、標簽、氣泡這類靜態點綴元素(通常這類形式只出現一次,當用戶點擊后就會消失)。當然,也有將上述點綴元素動態處理的。如果入口是圖標,甚至可以為圖標制作動畫,這在很多電商產品的品類區經??梢钥吹?。
動態處理的形式,比原本的靜態更容易引起用戶對元素的注意力(與動態方式有關),甚至傳遞某種情緒。由于是循環播放的動畫,因此可以持續吸引用戶注意力。
ps:據說,每當頁面多出一個會動的元素,后臺就會多出這樣一些留言,捅了開發窩了[Doge]。
▍誘導用戶操作 ?
動態引導還常常被設計師用來強調重要內容(有可能被產品、運營拿刀架脖子),來達成某些數據指標,通過利用動態誘導用戶操作。
例如:在會員卡片中添加光效、在廣告中讓按鈕進行縮放、為簽到入口圖標設置動畫。
這些都能充分引起用戶注意,甚至提升功能點擊率。
▍隱藏功能提示 ?
我們知道,在大屏上有更多空間可以展示信息。但在移動端,受屏幕大小限制,設計師通常會折疊或隱藏不常用的功能,來保持頁面簡潔。
對于這些不可見的功能,在初次使用時需要進行引導,才能被用戶感知與使用。
▍操作教學指引 ?
講到引導,還必須要提的是手勢引導,通過動態直觀展示不同手勢的作用,提示用戶如何與產品進行交互。
這在游戲教學中就常常使用,它可以幫助用戶快速理解游戲玩法。
回到視頻 App 中,你是否留意到,當你第一打開視頻時, App 會提醒你雙擊屏幕可以點贊,上下滑動可以切換視頻。
在產品交互設計中,如果使用到一些新穎的交互方式,這類引導可以大幅降低用戶學習成本,幫助用戶快速上手。
▍信息高效傳遞 ?
動態敘述的直觀性,使得我們可以減少對復雜信息進行大量文字描述。通過動態設計,我們可以創建視覺故事,這有助于將復雜信息以更簡單、清晰的方式進行傳遞,從而幫助用戶快速完成任務。
也因此,在一些含有復雜操作的彈窗中,漸漸開始應用。
但是需要注意的是,上述這些大多都只在第一次使用時才會觸發。
當然有特例,例如:
在 App Store 每次下載應用進行驗證時(面容解鎖的情況下),系統會通過動態提醒用戶電源鍵位置,并告知用戶需要雙擊進行人臉識別。
在掃碼時,弱光場景下出現的手電筒,通過動態引起用戶注意,指引用戶使用。
以及作為動態演示,幫助用戶理解如何使用手掌滑動截屏
如何進行NFC感應等等..
動態引導像是設計師用來控制我們眼睛的法寶,有的人用它改善產品體驗,有的人用它提升商業轉化。
但法寶雖好,我們只有理性使用,才能避免用戶迷失在這眼花繚亂的世界中。
作者:幺零三
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
作者:菜菜不甜 來源:站酷
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
良好的用戶體驗需要所有信息都符合邏輯且觸手可及。以下是一份完整的信息架構指南,它可以避免你的用戶迷失在錯綜復雜的網站信息中。
當我們使用任何網站或移動應用時,都會面對向我們提供所需信息的界面。這是大家都習以為常的,大多數用戶甚至沒有注意到網站的所有內容都經過精心組織。
內容的組織和劃分被稱為信息架構,它是用戶體驗設計的一個重要部分。如果內容沒有經過適當整理,大多數用戶在瀏覽網站或app時容易迷失方向,使得產品的真實價值被掩蓋。畢竟,即使再棒的功能也需要用戶去發現。
為確保你的內容結構合理并能以最佳方式呈現給用戶,好好看看我們為你準備的這份信息架構指南吧。
1、什么是信息架構?
信息架構可能難以定義。
部分原因是,內容寫作等其他學科可被縮小到特定職業,比如作家,而信息架構的范疇卻涵蓋了多項職業。的確,參與產品開發的每個人都會多少用到信息架構。
大多數網站和app都要將內容分成多個部分讓用戶快速理解,同時要被合理組織以便用戶發現產品的所有功能。當這項工作進行的非常順利時,用戶永遠不會停下來思考網站如何為他們組織信息。
Google Drive或Medium等網站就是這樣,設計者必須仔細考慮如何向用戶呈現信息。否則,功能就會有被淹沒在隨意布局的按鈕和鏈接中的風險,用戶既難以關注也不會喜歡。
在其他案例中,你可以看到信息架構的作用極其顯著,同時也很難做好。
2、信息架構與UX相同嗎?
不相同。
兩者之間有很強的聯系,盡管UX涉及大量的信息架構工作,但兩者并不完全相同。
用戶體驗涉及范圍更廣,包括了信息架構不會觸及的幾個方面,例如要確保界面令人愉快、響應用戶的某些心理需求。相比之下,信息架構則更側重用戶目標和為此付出的認知力。
以下是這兩個概念的緊密聯系:沒有良好的信息架構,就沒有合理有效的用戶體驗。它是界面開發的基礎,為我們所知所愛的用戶體驗設計其他方面打開大門。
然而在此,我們應該做一個小小的區分。
信息架構是建立用戶體驗的堅實基礎,但并不代表整個項目工作。
一旦你知道如何為用戶建立良好的信息架構,你需要為用戶體驗添加閃光點并進行其他工作,例如融合信息架構的交互設計,這樣才能創造讓人驚嘆的用戶體驗。
3、一個巧妙的信息架構類比
信息架構使你的產品可用,這在電子游戲中更為明顯。
電子游戲擁有自己規則和歷史,是一個全新的世界。這意味著如果用戶希望在游戲中進行下去,就需要向他們呈現關于這個世界的大量信息。
但你會注意到,所有這些信息不是一次性呈現的,而是隨著游戲進展,一點一點呈現。
首先,你會看到場景設置介紹,通常講述主角和一點背景故事。在此出發,新信息將以易于消化的形式呈現,從而使玩家可以慢慢探索這個世界。
在達到特定等級或完成特定動作時,那些小的對話框、內容框向用戶提供的新信息,都是游戲中最好的信息架構。但是我們如何決定從開始該告訴用戶什么內容呢?我們如何提供適量信息滿足用戶的好奇心,而非過量信息使用戶感到疑惑?
圖 1 刺客信條:奧德賽。摘自福布斯
4、信息架構的元素
正如大部分設計的輔件,信息架構有很多組件幫助你將這些結構應用于產品。
這些組件是由信息架構先驅羅森菲爾德和莫維爾在他們的開創性著作《Web信息架構》中建立的,如果你想深入了解信息架構,推薦閱讀這本書。這些組件組成的系統,用不同方式組織內容、讓內容被用戶發現。
4.1 組織系統/結構
組織結構讓你的內容具有意義、易于理解,即標記不同信息之間的聯系并嘗試構建框架,幫助用戶了解產品所有信息之間的聯系。
構建框架后,由于所有的內容分布都具有邏輯,用戶就更容易預見某些信息的位置,這也是可用性測試的一個經典部分。在《Web信息架構》中,列出了信息架構的三種不同框架。
1)層級結構
也稱為樹形結構,這意味著使用滴漏效應,將廣泛的分類放在頂部,更具體、更小的子類別放在下方,讓用戶進行導航。這種視覺層級將相關信息呈階梯狀顯示,很好地傳達了不同信息的重要性。
2) 順序結構
這種形式的信息架構通過組織信息為用戶創建特定瀏覽路徑。用戶需一步步操作,并僅接收當前呈現給他們的信息。這樣可以避免給用戶提供太多選擇,從而避免因自由選擇而導致的沮喪和信息過量。
3)矩陣結構
這與順序結構有些相反。順序結構通過一系列指定步驟帶領用戶,而矩陣結構則讓用戶自行選擇他們喜歡的導航方式,允許用戶以鏈接和按鈕的形式訪問所有信息并讓他們決定訪問內容。
可以說矩陣結構通過給用戶所有可能的方向和功能,讓用戶在使用產品時創造自己的使用路徑。
4.2 標簽系統
標簽系統是用單個詞匯傳達大量信息的一種方式。它可以幫助用戶通過概念來查找內容,而不是瀏覽整個產品來尋找想要的信息,這也是為何使用標簽系統的原因。
想想一個普通的商業網站,當你尋找業務聯系方式時,可能想找一套不同的信息:電話號碼、郵箱地址、辦公地址……而所有這些信息,都可以在網站界面的同一個標簽下找到——聯系頁。
4.3 導航系統
從信息架構的角度,導航系統并不意味著設計好的界面,更多則是關于用戶如何在內容和信息中移動。
重要的是要隨時記住,信息架構只是幫助用戶導航信息以達成目標的方法。
某種程度上,導航系統應與內容相反。只要用戶覺得有用愉快,你會想要豐富、復雜的內容;而你的導航系統則應該盡可能簡單明了,同時依然能讓用戶獲得任何想要的信息。這時,一個重要的概念就發揮了作用:元數據。
元數據是信息的信息,它在信息架構中起著重要作用。
可能聽起來過于技術,但元數據是導航系統中的關鍵組成部分。用戶在產品中進行導航,尋找特定的目標,但他們是否知道要尋找什么?是否知道所尋找東西的正確用語?
即使你的用戶知道產品中所有信息的名稱,僅僅以A-Z列表形式提供所有信息,并不能提供出色的用戶體驗,因此我們并不建議這樣做。出色的用戶體驗,需要對內容進行匯總和分類,這樣才能讓導航系統成為帶領用戶前往任何位置的道路。
導航系統可以以列表和菜單的形式呈現出內容的類別,但要警惕:不要將成千上萬的類別拋給用戶,這樣會導致信息超載。我們建議你創建不同的分類,然后按絕對重要性進行排序,放棄不重要的分類,因為它們只會使用戶暈頭轉向。
你可以通過閱讀Smashing Magazine上Karafilis發表的內容找到更多關于創建好導航系統的信息。
圖 2 亞馬遜網站
4.4 搜索系統
如你所期望,當產品中包含大量數據時,搜索系統會派上用場。如同你的標簽系統,搜索系統有幾個不同的方面需要考慮,你可能不會立即想到。
以一個普通的電商零售網站舉例。
當你創建網站時,第一反應可能是創建一個可以查找所有信息的搜索欄,但你必須抵制這種沖動。邏輯使然,每當用戶使用搜索框時,他們只會查找一種類型的數據:商品。它們不是在開放時間或數據隱私政策之后,它們在搜索欄中的索引是隨機的。在這種情況下,產品是被當成搜索區對待,確保搜索欄僅向用戶顯示某種類型的內容即可。
而你需要在搜索系統中考慮的另一個問題是,點擊搜索后信息要如何呈現?
5、信息架構的八原則
這八條基本原則可以作為任何想為產品賦予意義的UX設計師的行動指南。 最初由EightShape的創始人丹·布朗構想,這些原則將信息架構看成結構設計的實踐,以下是關于如何實踐的指南。
5.1 物體原則
這項原則關于你如何看待自己的內容。布朗說,不要把內容視為僵硬、無生命的東西。它像物體一樣,要嘗試將它當成擁有自己的生命周期、行為和特征的生命體對待。
這條原則之所以與信息架構相關,在于它可以讓你根據需要靈活處理內容。如果你將內容視為自身存在的個體,便可以更輕松地看到內容與其他信息之間的可能關系、發現向用戶呈現此內容的不同方式。
這個原則的特點之一在于它將內容的生命周期嵌入到結構中,考慮到內容從逐漸增長到穩定的不同時代——這在內容適時變化而更受歡迎后發生的格外頻繁。
布朗給我們提供了一個食譜網站的例子,食譜之間可以作為互補而互相關聯,或者在某些時節關聯性更強(比如感恩節時與火雞有關的食譜)。
5.2 選擇原則
布朗提到施瓦茨的心理學史詩級作品《選擇的悖論》 ,告訴我們人類有一種錯覺,即他們想要盡可能多的選擇。而大多數用戶體驗設計師都知道這并非真相,這也是施瓦茨和布朗所認同的。給用戶過多選擇的真相是:人們的可能選項越多,就需要付出越多的認知努力來做出選擇。這甚至能引發焦慮。
圖 3,Habitout漂亮的極簡主義首頁
布朗用企業內部網站舉例,大公司習慣于展示大量信息,卻通常忽略了內容的分類和信息架構。結果則是用戶浪費了大量時間來尋找他們實際想要的那一小部分數據,或干脆放棄使用網站。
聽起來不像你想要的產品是嗎?這正是信息架構所要避免的。
建議你縮短列表,尤其是在較高層級。這也是你在為內容設計矩陣結構時,需要牢記的一點:用戶在停止輕松并開始積極努力的使用產品之前,只能在一定數量的選項中做出選擇。
5.3 漸進式信息披露原則
該原則講述人們只能以某種方式處理新信息的事實,意思是人們不能很好地處理預期之外以及不想要的信息——這個概念被稱為漸進式披露。
這意味著在信息架構中,你需要組織數據,以便人們不僅能夠以正常速率吸收信息,而且還可以在呈現之前預測更多信息。在用戶體驗設計中,這意味著,你放在任何類型的列表或表格中連接詳細內容的入口信息,都需要好好考慮讓它們簡潔。
讓我們回到布朗的食譜網站案例。你不能指望在用戶瀏覽的所有頁面上顯示完整食譜,但是要如何在列出食譜時決定顯示什么呢?菜肴的類型是一個很好的指標,但它不能讓用戶清楚地了解在食譜中可以看到什么。你的設計應該選擇足夠的信息來幫助用戶決定是否要點擊某個食譜。
5.4 范例原則
這個原則是關于人類如何對事物進行分類的心理學。最終,我們能夠通過創建一個范例列表來對概念進行分類,這些范例可以幫助我們將不同概念組合在一起,無論此分類背后的標準是什么。
在將此應用到你的信息架構時,請考慮在應用程序或網站上顯示分類的方式。每個分類都需要一個包含該分類內容的范例,你可以使用最大、最常用的子分類。這樣,子類別可以作為大多數用戶的快捷方式,并且可以幫助用戶理解每個頂級分類。
5.5 前門原則
布朗說,設計師認為用戶會通過首頁之外的頁面訪問網站是一種明智的看法。認為網站有多個可訪問的入口,可能會對PC網頁設計產生不小的影響,而對移動app設計的影響則較小。布朗對此提出信息架構的兩個主要建議:
一、永遠告訴用戶他們在哪里。
你的網站擁有很多頁面,訪問者可以訪問其中的任何頁面。因此,在用戶可以看到的地方顯示站點地圖非常重要。因此,如果你剛從Google鏈接打開一個博客網頁,應該能看到博客文章的類別和其他類似內容。讓新用戶在大框架中理解邏輯非常重要,而不是像在廣袤湖泊中填充少量內容,以隨機的方式呈現。
二、首頁不應該包括網站的所有內容。
過長的首頁與好的首頁區別很簡單:好的首頁應該讓用戶清楚地了解你的目的、以及整個網站上可以找到的東西,而不應該嘗試向用戶顯示所有可能、詳細的信息。在信息架構方面,首頁不應該成為通往網站所有角落的快捷方式,而應該展示網站內容的概況。
5.6 多重分類原則
即使在一小群相似人群中,你仍然會發現人們有不同的信息尋找方式。有些人會輸入正在尋找的主題泛稱(例如沙灘裝),其他人則會自然地輸入他們想要的具體類型(例如比基尼)。
這對設計和信息架構很重要,你需要在搜索系統中考慮到這一點。但也需要小心對待,因為它總是伴隨如下事實的出現:呈現給用戶尋找信息的方式越多,他們越可能變得分心或不堪重負。
5.7 聚焦導航原則
布朗聲明,導航不應該只是簡單的包含網站中的所有內容。許多設計團隊在網站上隨意添加導航菜單,使得菜單本身看起來缺乏邏輯。然而信息架構本就是用戶體驗中邏輯的體現。
相反,布朗建議你為菜單制定策略,在可能的情況下為不同類型的信息提供不同菜單。例如,一個用于博客主題的菜單和一個市場營銷的菜單(列出公司提供的服務)。
這能改善網站的可用性,即便刪除了直接進入聯系頁的按鈕。請記住,信息架構是按照正確類別給事物分類,讓用戶確切知道他們在哪以及在何處找到所需信息,而不是將每條信息連接到主頁。
5.8 增長原則
對于這項規則,任何需要處理內容的人都應該牢記:產品中的內容量可能會隨時間的推移而增長。這是相當合乎邏輯的,在互聯網上放置內容變得越來越便宜??偟膩碚f,電子內容每年呈指數級增長,你的內容應該遵循相同的節奏。
但是,在設計中反應出內容增長并不容易。之所以如此困難,是因為即使你知道會有更多的內容,也不可能知道會有多少內容。如何為尚不存在的內容設計信息架構是件困難的事。同樣,產品也可以在不同方向上增長。是要增加新類別還是現有類別的新內容也會難以判斷。
遺憾的是,布朗發現當內容增長時,并沒有簡單的建議或明確的方法來避免麻煩。我們所能做的最好方式就是設計能夠接受新形式內容的頁面,為將來可能的內容擴展做好準備。換句話說,即使你現在不使用視頻內容,也要創建接受視頻的頁面。信息架構的結構應該具備的另一個技巧是,如果你需要在將來添加新的子類別,則應使頂級類別盡可能寬泛。
6、結論
如果你希望用戶足夠了解你的產品并能愉悅使用,那么信息架構至關重要。你所希望創建的結構,不僅要讓用戶理解、更要能進行預測,這樣他們才不會兜著圈子尋找信息,輕松地便能掌握產品的使用方法。
請記住,好的信息架構和好的用戶體驗設計是相輔相成的:即向讀者提供博客文章,或幫助新玩家在游戲世界中快速適應。請注意細節,不要用超出用戶處理能力的信息轟炸他們。
使用你的產品應該感覺自然,而不是像跑馬拉松一樣疲憊或像在房間里四處搜尋兩天沒見的手機充電器一樣迷茫。利用一切機會在用戶測試中檢驗你的信息架構,確保人們不會對信息呈現的方式感到困惑沮喪。
當擁有大量信息時,很難以好的方式呈現所有信息,但我們總能找到呈現與理解信息的方法,你應該用正確的計劃將這項工作反映到設計工作中,所以不要慌!
只需放輕松并回歸一切的根源:每個時間點用戶的目標是什么?如何以最簡單的方式幫助用戶實現目標?這才是信息架構中最重要的問題。
作者:Z9084488
來源:站酷
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
最近又翻了翻《無界面交互》這本書,不過與上次閱讀卻有了些不一樣的反思與收獲,這本書很多人應該都看過,起初看是因為以為里面有何新穎前瞻的交互方式與教程指南,不過之后卻發現是緊扣副標題“潛移默化的UX設計方略”,盡管對標題和內容的匹配產生了失望,但還是被作者幽默風趣的寫作風格與獨到的思考方式所吸引了。
這本書并沒有講述很多的交互觀點,也沒有展開說如何進行零界面的交互實踐技巧,反倒是通過幽默風趣的表達闡述早期硅谷以應用軟件為中心的需求解決現象,并且使得各種需求總是以軟件->以手機->以屏幕->以界面來進行交互,而這些軟件的快速發展也加劇了人們與手機屏幕的依賴性,以至于我們的身體也出現了一系列不良變化,盡管我們正在適應和習慣這些不良性,例如近視人口的比例與年齡層下降,而好的UX設計不該是基于界面的,所以UX≠UI,應該是基于更加自然智能自動的服務或交互方式,作者認為最好的界面就是沒有界面,我們面對未來的創新技術發展,應該試圖擺脫對屏幕的依賴性,并且為此作者列舉了多個例子來佐證,后文我會簡單的介紹一些書中的例子,所以你不用因為好奇而馬上跳離這個文章去搜索了。并且為此現象作者提出了三個原則;
一、貼合日常生活流暢,而不是一味依靠屏幕;大意是貼合日常生活中的一般工作流程,避免與手機與屏幕有過多非必要的綁定,使得避免沉迷用戶界面或者說手機。
二、做電腦的主人,而非仆人:科技的飛速發展還是不能很好的讓電腦智能化,時不時還是會出錯,例如藍屏閃退等,各種條條框框的限制等,如密碼限制。我們健忘、脆弱、繁忙,計算機應該更加智能的解決問題。
三、適應個體情況:大意是每個用戶都是特別的,可以提供定制化的服務,不在只關心平均數據或盈利趨勢,而且未來的計算應該更加主動,而不是被動的等待用戶來圖形界面操作。
大體上內容差不多就這些了吧,作者想以潛移默化的方式來引導UX思維方式,前面部分鋪墊了不少生活現象,以讓我們意識到感受到手機屏幕的負面影響,以及這種基于應用軟件來解決需求的慣性思維的局限,當然啦,一方面有文化差異,另一方面設計行業發展日新月異,現在的優秀設計師也不會完全聚焦在用戶界面上了吧,就像書中的結束語,也許未來的某天再次翻開時,已經覺得這本書無聊透頂,觀點已經過時,就像我們現在已經深知UX不是UI,也因此難免會被部分讀者所吐槽。
那么回到此時此刻,雖然不知道你是否有了新的思考或收獲,我來聊聊我的一些思考吧。
我們通過感知與身邊的事物發生著互動,而看見的信息往往是最豐富的最具體的,這也意味著屏幕或界面的概念會長存,即使全息影像技術隨處可見,所以我們要意識到零界面交互是一種交互方式,一種交互理念,而不是說以后沒有界面交互了,而且對于交互方式,基于語言系統的語音交互、腦電波控制交互、物理實體的人機交互等等,不就是沒有界面的交互嗎?對于零界面交互我認為有點兒奧卡姆剃刀原理的意思,能在其基礎上找到更好的辦法就不要復雜化,如無必要,勿增實體,并且合乎情理。智能的交互方式絕對不是多幾塊可交互的屏幕而已。
零界面交互后,作為一名UX設計者,如果不在互聯網行業里了,不搞應用軟件了,也無需在用戶界面上花心思了,那你還能做些什么?是否就要考慮轉行送外賣擺小攤呢?
當我想到這個問題的時候確實遲疑了,想到自己擅長或能夠勝任的,且符合以上要求的話,可能就需要轉型做技術咨詢服務、視覺設計或是產品經理之類的,但之后我想了想又感覺不大對,為什么不能是UX設計師呢?我也與其他好友相續的探討了下,UX設計最本質的競爭力不該是線框圖、界面交互或是視覺呈現,盡管在應用軟件中,是重要的環節,但!最本質的能力不應該是解決問題的能力與方法嗎?
在得出這一結論前,我們會慣性的結合平時的工作內容與輸出結果來匹配其他職能,結果反而忘了UX最本質的能力是什么,探討時UXRen的寶珠用一個詞描述道“模糊邊界”,我瞬間清醒,可不就是嗎?
如此看來,我們應該慶幸UX工作使得我們獲取了寶貴的問題解決能力與方法,正是因為有了這些東西,即使不做互聯網了,也還是能成為UX設計師,就像書中所提倡的那樣,不基于屏幕的思考,反而使得UX設計更加強大了。
早期福特汽車公司的Escape設計組想要創造出在自己獨具特色的SUV,他們觀察到現實中的人們拎著或抱著重的東西走向后備箱時,并騰不出手來,只有腳可以動,并且可能因為東西太重并不想彎腰放下后,打開后備箱再彎腰抱起重的東西放進后備箱,即使通過應用軟件,也要掏出手機,點一點再放回去,重新彎腰搬起重物,顯然應用軟件并不好使了。因此腳踢或橫掃式的后備箱開啟方式誕生了,他們在后備箱下的保險杠底部安裝了一組傳感器,只需要你踢一腳或拿腳掃一下,后備箱就開了,對于那些提著重物走向后備箱的人,很容易做到,也很符合后備箱的使用場景。
夏天里,停在室外水泥地上的汽車經過一段時間后,太陽的炙烤會讓車的內飾變得滾燙。NBC報道稱:“在美國,平均每年有超過36名兒童因車內溫度過高而死亡?!?
而在這個背景下,日產聆風轎車推廣了一款能讓你車內溫度變涼的手機軟件,只需提前15分鐘在手機應用上遠程打開空調就可以,當你回到車內時就是涼爽的,但回到復雜的現實環境,當你投入的看電影、投入的聚餐時,你不一定還記得用手機遠程打開空調這回事兒,回到車里時也許還是熱氣烘烘的。讓我們回到一個互聯網跟屏幕還不夠普及的年代,1991年,面對同樣的問題,當時線上技術還很稚嫩,馬自達汽車公司提供了一個更加自動化的可選功能,車頂配備太陽能供電,車內使用溫度傳感器監測,一旦溫度超過一定閾值,傳感器就會觸發散熱降溫,很巧妙,很自然,盡管還不能克服極端的高溫,時間快進到2009年,豐田汽車借鑒了馬自達汽車這一經驗,制造出了更好的制冷系統,這一功能很受歡,時至今日這個系統仍然可用。
橄欖球運動在美國很受歡迎,但也很危險,至少我看來是硬核運動,這種運動時常發生的撞擊會導致運動員患上慢性創傷性腦部病變,會引起記憶力減退、思維混亂、判斷力減弱、沖擊控制障礙、攻擊性、抑郁癥等癥狀。事實上在年輕的群體中,大學的橄欖球隊員都渴望自己留下好印象,因此他們幾乎不會上報自己的頭部損傷,在一組730名大學生球員中展開的調查顯示,他們的頭部平均受到27次沖擊后才會上報1次,為此疾病預防控制中心(CDC)研發了一款手機應用,在這個應用上,橄欖球運動員可以了解和挑選頭盔更好的保護頭部,以及如何察覺頭部損傷的跡象,并在遭到腦震蕩或其他頭部損傷時,知道接下來該怎么做。
但是圍繞橄欖球比賽這個場景,柔性傳感器制造商與運動品牌Reebok(銳步)設計了一款智能帽子,Reebok Checklight,它是一款運動影響指示器,通過傳感器持續的感應頭部受到的任何沖擊,并通過LED燈光進行信號反饋沖擊的程度,就像信號燈那樣,并且它能夠很舒適的佩戴在頭盔中,沒有界面、沒有菜單、沒有選項卡導航或賬號密碼登陸,盡管他不能代替醫療診斷,但是可以作為額外的參考指標來幫助教練或他人做出判斷與選擇,無論是繼續比賽還是立即就,以保障運動員的健康情況。
事實上這些案例中,確實很精妙的利用技術解決的生活中的需求場景,并且沒有使用以屏幕為交互的方式,也同時為用戶提供了良好的體驗不是嗎?案例中描述了設計師是通過怎樣的方案來解決了需求痛點,但,你有注意到是通過何種方式洞察到了這些設計理念嗎?也許細心的你已經從前面的案例描述讀出來答案,觀察,這是一種解決問題的好辦法,通過對場景對事物對用戶行為的細心觀察來找到問題的突破口,而這也是讓我對潛移默化的UX設計方略有了新的思考的部分。
觀察是設計思維的重要的一環,我們悉知的以人為本的設計流程便是以觀察開始的,而觀察與場景有著不可分離的淵源,我們觀察用戶、觀察環境、觀察事件等,這都是場景的一部分,我意識到場景化在任何時代任何設計過程中都有必要的價值,對于這一廣泛且常常忽視的思維模式,我想以自己的視角來通俗的聊一聊。
面對各種問題,有時候痛點顯而易見,有時候根據經驗也能夠快速看出端倪,有時候就靜靜的細心觀察就好啦,優秀的設計師擁有豐富的問題解決策略,以及各種工具輔助,能夠盡快的分析找出問題來并設計出解決方案來推敲,但這不意味著每次面對需求都將進行用戶分析、市場分析、數據分析、用戶研究、構建畫像、構建體驗地圖、套用設計原則、構建原型、可用性測試等等,這些只是解決問題的方法與工具,幫助我們更好的分析人物&場景&事件的關系,以找到問題根源或解決辦法。
平時的工作中,我們更多的是根據習慣與經驗完成工作,并且面對各種問題的差異性以及時限要求,斷然不會根據一套固定的設計策略或方法來輸出,這不見得更合理更專業更高效,問問你自己,每次學了新的設計方法論或工具后你都會在后續的工作中用起來的嗎?直到有一天這些方法論、設計模型、分析報告占據了你絕大部分的工作時間嗎?我想不是每個項目都會給予設計者如此充裕的時間吧,同事會說,看啊,這個設計真笨,還在輸出作證那點兒設計方案的分析材料,真磨唧。而通常老板也不會在意你是用了哪些方法,更在乎的是有沒有解決好問題,有沒有及時的解決,但是一定不會指責你沒有使用用戶畫像、體驗地圖什么的,如果有人遇到過,那就是他的需求中期望看到這個。
實際上當我們熟練掌握某些設計策略或工具的原理后,即使不寫出來,通過觀察與思考也會有結果,這種潛移默化的過程就像是數學公式的應用,當你通過觀察獲取到了夠用的信息后,就能思考出解決的方向,有點兒像韋東奕在接受采訪時說的“其實,我真正寫的題并不多,“想”的題卻很多,能想明白的題目我就不寫了”。所以當有人問起你是如何解決的,你說是通過對場景的觀察思考,絕不會有什么不妥或顯得很Low,但是你說一拍腦袋想的你試試,你看那程序員抽搐的嘴角是想干啥。就此我已經將大量的技法、設計論、工具隱匿起來了,但是場景的概念依舊不可缺失,不難看出為什么說“場景化思考與觀察有著豐富的設計啟示”,也許你還沒有意識到平時的設計工作中,會經常用到這一概念或思維方式,只是沒有人給你提示,你還沒有意識到這就是場景化的洞察或思考啊。
我跟一個設計朋友聊起了場景化這個話題,但是我發現對方似乎并沒有認識到這個場景化是什么概念,并問我這個場景化是什么,我想了想說:“就是一種找到問題前因后果并有效解決的好辦法,并不是游戲場景的概念”。于是又問我是怎樣一回事兒,我反問道你們接到游戲活動需求后會怎么思考?對方說一般由活動詳情與活動入口構成,例如一個夏日祭活動,是用作消費回饋的,會設計階段化的消費任務與回饋獎勵,刺激玩家進行消費獲取超出平常的獎勵,為了圍繞夏日祭這個盛會主題,需要搭建一個包含游戲元素和盛會元素的場景來承載活動內容、說明、進度、領取按鈕與信息,給用戶帶來夏日祭的活動氛圍與內容賣點... 我說等等,這不就是場景化的思考嗎?我們綜合場景構成的多個因素,并觀察思考圍繞玩家展開的一系列關系變化與過程感受。
這里的場景不是我們常以為的情景/情境或是某個事件的使用環境,近似場面的意思,場面是指戲劇、影視中由布景、音樂和登場人物組合成的景觀,而場景就是某個人在某個時間某個地點因為某個目標在做某個些事,即人物、地點、時間、目標、行為,只是某個環境或情景的畫面都不能稱為場景,場景能夠較好的反映出特定環境下人物實現目標的過程變化,因此不必糾結“場景”或是“場景化”一詞,轉而注意人物在對應環境下為目標做出了那些付出與反應,剩下的就是觀察與思考如何幫助人物更舒服效率的完成目標即可;
場景化就是將信息不齊全的情景根據關鍵信息推導或收集完善成一個場景,其目的是因為我們需要特定環境觀察或構思服務對象為了達成目標做出了哪些努力,然后我們為此洞察出能夠幫助服務對象解決麻煩的方案,但有意思的是在場景化的過程中,有時候不一定非要苛刻的補齊場景的五個因素,就像前面講的,通過觀察人物行為也能夠產生人物目標的收獲,記住場景化的重點是觀察或構思人物為了達成目標在特定環境下做出了哪些努力,基于不同的情況,有些次要因素我們可能不會太在意,例如我們在討論手機電筒的使用場景時,我們就不會太在意時間因素,反而昏暗的環境與亮度更重要,所以場景化時要靈活一點,挖掘有價值的因素而不是湊齊所有因素,常見有以下幾種情況:
場景化還有個作用就是讓自己更融入,算是同理心的一個竅門。我們在具有復雜性的功能自測時,我們不會只是反復的在界面上進行交互,這樣的往返操作容易迷失自己,甚至忘卻了我在哪兒,我在干嘛,這種情況用設計心理學描述為“記憶失效性失誤”,對此,我們的解決辦法就是設定場景,我們會簡單的代入一個用戶視角,并給自己設定一個匹配功能模塊的需求目標,使得整個場景看起來合乎情理,然后帶有目標的進行功能測試走查,如果這個過程中那里走不通了,不好用了,那就意味著這里的設計有問題,當然了,如果你是功能Bug測試,那我建議你找測試工程師要一份測試用例好了。
場景具有諸多變量,通過觀察狀態的變化,用戶情緒與行為變化、以及實際場景中常見的干擾事件,都能為我們帶來諸多的設計啟示,我們可以利用起來,為用戶提供更多的需求可能或是避免問題,就像車飾中的杯架,一開始汽車制造商們并不會覺得一個交通工具的駕駛室需要杯架,但是通過對真實場景下的觀察與客戶研究,不起眼的杯架竟然能為用戶帶來良好體驗,以至于杯架會成為汽車內飾的廣泛標配,這些巧妙的設計并不是設計師突然的靈感或渾然天成,這正是因為對場景的觀察以洞察出的用戶需求。
場景化可以讓我們找到問題在哪兒發生了,并且問題根源大概是什么,會有怎樣解決啟示,而不是因為數據或結果發現了問題,在有限的認知下就問題進行錯誤或膚淺的設計解決方案,還記得肥皂廠對空盒子過濾的案例嗎?A廠的設計師們發現了會有空的肥皂盒在流水線上,并且設計了高級的X光檢測儀來改進生產線,但是B廠的設計師卻根據觀察找到了更好的解決方法“電風扇”,是的,B廠直接通過電風扇將質量更輕盈的空盒子吹到了一旁,那么你是老板,出于成本與研發周期,你選擇哪個方案呢?
即使是線上場景也不例外,知道微信在直播場景時,收到的通訊消息已經采用了浮窗進行交互嘛?你也不想在看到精彩的時候卻要關閉直播切換窗口去回復消息吧,這便是基于場景化的思考,微信為你提供了更多的直播觀賞空間,而不會因為臨時的消息回復使你不得不切換場景進行其他的的輕量化事件。
這便是場景化的魅力,我們可以找到真實問題的根源,并且能夠充分的理解人物與環境與事件的關系,有很多設計師能夠很巧妙的解決問題,并不是因為直覺或天賦,實際上更多的是結合了場景化的思維與洞察,而這并不困難,你也可以。
在某個場景中,使用你產品的是誰?他們有什么特征,場景為他們帶來怎樣的感受,他們會面臨怎樣的問題或需求?這都是場景化中以用戶為中心的表現,我們很清楚產品的使用者是誰,購買者是誰,我們采用場景化去打磨產品并不是讓產品在場景下顯得更加美觀,而是讓用戶擁有更好的體驗,其次才是美觀,而作為設計師就不能以自己獨到的設計理念來完全代替用戶了。
事實上幾乎沒有一款產品是面向全人類的,出于人文差異、社會特征、個體特征、使用門檻等,做不到如此強大的兼容能力,過分兼容往往也會使得產品有缺陷或不倫不類,考慮的產品的功能作用以及商業價值,企業都會錨定一些具有某些特征或對應需求的用戶群體,這樣才更有機會成功,而不是迎合所有人,并且有時候還要進一步的區分用戶與特征,例如使用者可能是一只貓一只狗,但是購買者往往是養寵物的人,這個時候還要顧及購買者的偏好,而不只是局限的觀察場景下的使用者如何與產品交互,場景下購買者的動機與目的也是重要的,而那些線上應用就更不用說了,同一批人可能有不同的使用場景,同一場景下的用戶可能會有不同的特征,識別他們的共性與差異性是以用戶為中心的重要工作,為此我們可能還需要對場景下的用戶進行分層,甚至允許定制化。
除了以上說的用戶群體與特征,人文差異也是場景化下值得關注的問題,需求往往是來源部分用戶群體,迎合他們的人文特征可以更好的促進用戶使用和購買的欲望,在產品出海設計的過程中,人文差異往往是極其重要的,因為使用場景從國內變成了國外,如果不密切關注場景下的人文變化,出海則基本會以失敗告終,例如我們傳統的駕駛位在左邊,而部分國外的是在右邊;我們很多人愛吃的烤豬蹄,在印度卻不受歡迎;我們大多人閱讀是從左到右,而部分國外卻是從右到左。一旦場景發生了變化,我們就應該密切關注人文是否要做更新的思考。
此前已經解釋了,場景不是單一的情景,并且存在各種變數,甚至都不是靜態的,我們使用場景化思考時,一定不會局限在產品本身的流程或交互上的,也不是某個或多個人物上的,所以在場景下觀察時,注意力不該在單一的對象上,而應該覆蓋場景化的多個重要因素上。并且場景會給出用途和一些對應關系的特性,像我們提到某個需求時,研發的同學會問是那個場景,其實就是想要了解這個場景在哪里觸發,場景下的用途是什么,用戶與目標是什么,關聯了那些技術棧等等。如果我們在觀察某個場景時,出現了意外或小插曲,作為設計師就應該警覺起來,而不是認為只是意外,不會再發生,畢竟古人云“無獨有偶”。所以當你奉行場景化觀察或是思考時,就不會過于局限,反而會具有綜合性的思考過程,這能讓結果更加可靠和易于理解。
幾乎出現的所有問題都是有根源,有場景的,我們拿到需求卻還是要分析需求,其目的就是找到根源,而不至于在虛假的問題或需求上窘迫的發力,而最終得到一個跛腳的結果,問題的根源常常是無比真實和深刻的,而我們結合場景化思考時,就應當貼近現實,而不要簡易的虛構一個不真實的場景去匹配和思考問題,這個過程中要盡可能的追尋真實的環境,匹配的角色,更實際的問題,這個時候我們眼里的場景才有效,而不是做戲或是走個形式,并且最終你的解決方案是要搬進現實的啊,并不是以實驗室的結果來定義真實的場景發生的事物,即使是模擬也是在模擬更加真實的場景不是嗎?
倒上一杯水,抓來一碟零食,關上了窗簾,窩在椅子上,一切剛剛好,我沉浸在女鬼橋這部鬼片的精彩橋段里,我屏住呼吸,高度緊張的注視著,心里預測著下一個鏡頭將要如何如何,哐當一聲,嚇得我直起身來,其實女鬼還沒有出現,但是我的貓先出現碰倒了我身后的物件。
場景化不再是理想派了,意想不到事件正在場景中發生呢!
對于場景化,幾乎沒有可能與我們預期的一致,場景下會有各種變量也應該有各種變量,把場景定格后應用是不對的,它應該像一個故事一樣,有過程有發展變化,事件的發生、人物的行為、情緒的變化、環境的變化都是場景變量的一部分,越是忽略這些變量,越是會出現更多問題,因為這些變量會直接影響用戶的行為決策與結果。交互設計師做特殊場景狀態(常見有設備兼容、異常操作、網絡問題,非常規操作等)的兼容與防錯,不就是很好的體現嗎!拆分出更多的意外場景迎合做出兼容方案反而會多出一些細微的體驗差異,例如華為手機的消息通知會有自動收起內容的情況,其啟示來自于真實的環境下,背后會有其他人窺探到你的個人信息。
于此同時我們也應該清楚自身產品的局限性,我們做不到能應對各種突發事件的程度,所以設計出適當的約束來避免問題也是蠻重要的,大抵我下次在家看鬼片會先把貓關起來吧。
場景化、情感化似乎在現在的設計中經常被提及,如果把場景化比作一面灰色的墻,那么在墻上繪制多彩的小花,人物也露出愉悅的情緒,這些便是情感化的色彩,情感化傳遞的是一種情感價值和溫度,在產品使用的場景中,我們可以結合特定的時刻來打造情感化設計,可以是通過氛圍傳遞情緒,例如新年,產品視覺煥然一新,年味十足。又或是觸發回憶,幫助用戶想起那些有價值有溫度的回憶畫面,總之在適當的場景引起用戶共鳴是一件很有溫度的體驗設計,哪怕只是在南京大屠殺的公祭日將線上產品的彩色斑斕抹去,也能感受的產品的情感關懷與社會價值觀,總之識別出有意義的時刻,不論是節日盛典、解鎖成就還是目標達成,我們都可以通過具有儀式感或視覺氛圍的設計方式傳遞情感,讓用戶感受到產品設計的用心與別致的體驗,這也是場景化中的環境與時間因素的識別與運用。
但值得注意的是,情感化不單單是符合特殊時刻或環境的打造,只是說就讓用戶覺得好看或就該這樣有時還不夠,情感化更多的是期望與用戶情緒建立共鳴,引起用戶反思,試想一部電影,為什么有的人看哭了,有的人沒有反應呢?很大一部分原因就是看哭的人更投入,劇情經過了用戶的反思與共鳴,從而調動了情緒才鼻酸落淚。
常規性是一個很重要的部分,它包攬了以上多個部分,常規的情景、常規的流程、常規的客戶、常規的問題、常規的信息、常規的操作、常規的行為習慣、常規的難度、常規的文化差異、常規的認知等,常規意味著產品符合大多數客戶群體的認知、習慣與使用情景,這能夠大大提升易用性和兼容性,當設計無法接近用戶認知就會變得難以理解和使用,隨之門檻變高,而設計者不一定是產品的常規使用者,而常規性不僅能夠使得場景化更加貼近現實,也抑制著以設計師為中心的弊端,最終保障設計模型與用戶認知模型能夠靠攏。
但過分的常規性也會成為創新的絆腳石,不論是漸進式創新還是顛覆式創新,依舊會保留一定的常規性,例如常規的地域文化、常規的理解認知、常規的信息維度等,但也肯定有不常規的地方,那便是它獨特創新的部分,這意味著我們需要找對創新的場景,創新的部分,以及創新內容的本質與規則,要知道打破規則是一種創新是一種變革,但是前提是你得清楚規則的本質是什么,胡亂一通的創新往往達不到更好的效果,容易忽視其他變量與常規性。
這讓我想起來《設計心理學3》中,唐納德提及的指環王中創新的語種里的兩個詞語,一個是金屬另一個是雪花,盡管這個語種里的兩個單詞看起來是如此的陌生,但是大多數外國人還是能夠猜對那個是金屬那個是雪花,因為金屬的單詞中包含了兩個爆破音,更具有重金屬的味道,而雪花的單詞則具備斯斯的發音,顯得更加輕盈,這源于人們對現實生活場景的理解與認知作用,這也是常規性。
通過《無界面交互》,看見了應用軟件的發展簡史,看見了軟件對生活服務的影響力。還真就是那句話,“當我們習慣使用軟件后就需要更多更多的應用軟件”,隨之利弊也變得更加清晰可見,人們生活方式與行為習慣也對應發生著轉變,變得是數字化的服務方式,不變的還是各個場景下的需求與優化創新,就像我上一篇關于用戶行為與觸發式引導的文章中描述的那樣,應用程序提供的是完成需求的功能,這意味著行為方式或成本的變化,但是本質不變。
雖然書中作者批判了屏幕的種種罪惡,但是現階段發展離不開電子屏幕的存在,或許這就是發展進步中不可避免的一些矛盾與犧牲吧,誰知道作者現在有沒有躺著椅子上用手機刷TikTok呢?不過作者唾棄的以應用軟件來應對各種需求服務的方式,倒是認可的,應用程序解決需求不是一勞永逸的辦法,創意創新也不止于界面,最終還是要回歸場景與需求的探索,樸實無華的點子依舊受歡迎。
而聚焦生活服務類的場景與需求,我認為物聯網與人工智能反而是以后更好的解決方案,我在之前的一篇關于物聯網交互創新探索的文章中也有歸納過物聯網的特征趨勢(注: 有興趣可以在往期文章中找到,有圖解不枯燥,值得一看),即自動化、智能化、云計算、傻瓜式、聯動性、可視化,我認為這些特征都能很好的滿足無界面交互中潛移默化的UX設計理念,而作為這些生活服務類的UX設計師,了解和熟悉物聯網技術也顯得尤為重要。
作者:PP_PAO
來源:站酷
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
交互系統設計的目標可以從“可用性”和“用戶體驗”兩個層面上進行分析,關注以人為本的用戶需求。
交互設計有許多的方法和理論,如格式塔心理學原理、尼爾森可用性原則、7±2法則、3次點擊法則、功能可見性原則、菲茨定律等。
系統應當在適當的時間內快速讓用戶知道當前所處的狀態,即無論單擊、雙擊還是滾動都會給用戶一個反饋,讓用戶對過去發生、當前目標、以及對未來去向有所了解,防止用戶出現錯誤操作。
常見的反饋有刷新提示、加載提示、支付提示、下載提示、進度提示等(具體見#產品中的反饋機制#文章)
示例:進度條、已讀文章標題變灰
軟件的使用更符合現實的場景,通過直觀的視覺來貼近真實的世界,比如使用易懂和約定俗成的表達。
示例:圖標ICON等圖形化手法代替純語言文字(音樂播放轉盤)
產品需要支持用戶“反悔”,即在用戶出現誤操作時,需要給用戶提供“緊急出口”,做出“撤銷”“返回”“取消”“重做”等功能。
示例:微信聊天的撤回及重新編輯功能;備忘錄的恢復刪除功能
產品的信息架構、交互方式、視覺表現等應該具有一致性,主要包括結構一致性、色彩一致性、文字一致性、操作一致性、反饋一致性
給用戶錯誤的提示不如在用戶發生錯誤之前避免它,可以幫助用戶排除一些容易出錯的情況,或者進行二次確認。
示例:微信朋友圈編輯內容后點選返回會出現是否保留此次編輯的彈窗以及在付款頁面等重要操作之前給出彈窗是否確認支付,銀行卡號輸入時自動以4位數字為一組便于用戶輸入防錯
將用戶的記憶負擔最小化,盡量減少用戶記憶信息,應該提供信息讓用戶辨認。
示例:淘寶的搜索功能,使用關鍵詞聯想要搜索的內容,避免有些商品名稱記不全可以輕松搜索到;引導頁的新功能提示
既能保證第一次使用者能清晰明白功能,又能給老用戶提供更高效的使用方式,允許用戶可以定制常用功能。
示例:支付寶首頁可以自定義放置常用功能;餓了么訂單頁面支持用戶再次購買上次的菜單,不需要重復選擇
去除冗余和不相關元素,適當留白,讓功能突出,不會分散用戶注意力,簡潔精致的圖形能留下深刻的印象。
示例:知乎、簡書等內容為主的產品,減少元素使用,讓用戶聚焦內容,提升用戶體驗
盡量幫助用戶從錯誤中恢復,讓損失降到最低。指出錯誤信息,并給解決建議。
示例:word的自動保存功能;登錄頁密碼輸入錯誤,給出錯誤提示并修改建議
當用戶需要幫助時給予用戶適當的幫助入口,幫助文檔要易于查找, 專注于用戶任務。
示例:微信 、淘寶等頁面的幫助與反饋
大部分的設計師應該都沒有見過所謂的“交互設計文檔”吧?在實際工作中,所謂的交互設計文檔是由交互設計師所輸出的,但是大部分的互聯網公司是沒有交互設計師的。交互設計師的工作內容被UI設計師與產品經理相互分攤。那公司為什么不招聘一個交互設計師崗位呢?(boss:呵呵~一個人能完成的任務為什么要兩個人!)
所以本篇文章為了讓我們設計師能夠很好的了解什么是交互說明文檔?它是干嘛的?有什么用?如果制作?有哪些內容等多方面全面了解。(哪里有了解的不到位錯誤的地方,也希望各位大神多多指點相互學習。讓我卷~)
交互文檔,即交互設計說明文檔(英文名“Design Requirement Document”)。又稱“DRD文檔”。用來承載交互說明、交互原型、項目背景等內容,存檔并交互項目相關伙伴的團隊協作文檔。
也許你想到:什么?交互文檔(DRD)我壓根沒見過,這難道不是口頭說說就行嘛?無需交互設計師。(大部分公司的交互文檔是由UI設計師/產品經理來撰寫)但是有的公司產品也分擔著UI設計師的工作.......只要你如果優秀干啥都行,不優秀話語權都沒有。(比如我們這些“小美工”。職位只是對一個工作的劃分不代表對你能力的劃分,只是公司的一種小手段~
回歸正題,作為交互設計師,工作職責起到“對接上下游,承上啟下”的作用,不論是在方案評審的講解,還是日常的工作溝通,都應具備優秀的溝通能力、語言表達和DRD表達能力。而DRD不僅能完美的詮釋出產品的內容和需求,還能夠為產品出一套完整的設計規范,讓產品保持一致性,方便團隊協作減少溝通成本,也方便后期的修改。
DRD是利于團隊協作的媒介,也是產品規范與項目總結的重要輸出文檔。
交互文檔撰寫并不是只有給自己看,最重要的是給:產品經理、UI設計師、開發(最需要)等等。并且作為交互設計師的輸出物,交互文檔是聯系開發流程上下游的重要文件,它需要具備良好的可讀性、唯一性和時效性。
首先不同公司,不同團隊產品經理與UI/UX設計師之間的配合輸出物是不固定的。
1. 大部分公司,產品經理細心點會連交互說明和原型一起出了(包含在PRD文檔里),但是大部分會出現體驗層的漏洞。
2. 如果公司產品是負責傳一句話,有交互設計師的情況下,交互需要從功能規劃、信息架構、原型說明一起搞了。
3. 還有在小公司比較罕見的流程就是產品搞PRD,交互搞交互文檔,彼此之間的邏輯可以互相印證。
作為交互設計師的下游,我們也需要較早的介入需求溝通之中,提早避免后期可能存在的問題出現。
(但是很多時候交互設計師就是我們自己)
開發是最需要看交互文檔的重要成員之一,因為他決定著產品的邏輯以及頁面的跳轉流程、交互方式、動效方式等等。(不過大多數公司只有簡單的PRD文檔,開發也只是簡單看看~)
你習慣用什么工具撰寫交互文檔?PPT、Sketch、AI、Axure … ?
你習慣用什么格式輸出你的交互文檔呢?PPT、PDF、HTML …?
其實使用什么工具都無所謂,只要能夠正確的描述出交互文檔所需要表達的內容和邏輯就行。(就是誰都看得懂)
我比較喜歡使用Axure軟件撰寫交互設計文檔,大家可以根據自身愛好或者公司規定進行選擇(例如sketch、figma、PS等等..都是可以的。
說了這么多,究竟交互文檔包含哪些內容呢?
一般來說,一份最基本的DRD文檔需要包含:DRD封面、更新日志、文檔圖例、產品背景、頁面交互、業務流程圖、交互原型、回收站等模塊。
DRD封面:包括產品/項目名稱、版本編號、撰寫時間、撰寫人等基本信息。按需可增加參與該項目的各方負責人。(如:產品經理,交互設計師,視覺設計師,開發,測試,團隊名稱等)
更新日志,包含具體新增或修改的內容,修改人,修改日期等信息。在實際工作中,方案的修改和優化是不可避免的。更新日志方便項目成員一目了然關注到重點更新的內容,也方便開發找到對應的負責人進行溝通,提升工作效率。
針對你在該文檔所用到的圖例進行說明,輔助閱讀(如:操作/跳轉圖例、標簽圖例、流程圖例以及手勢操作圖例。)。特別適合剛入團隊,首次閱讀你DRD文檔的人來講,是非常有利于團隊成員對你文檔的理解。
可包括一些項目背景、需求分析、用戶調研、競品分析等。用于設計思路的整理和記錄,方便閱讀,方便參與評審會的人理解整個項目背景下的設計思路,也方便日后總結與溝通。但無需將所有的分析內容都放入,結構化整理重點內容放入即可。
業務流程圖的目的就是梳理并分析優化業務流程。我知道很多同學做UI設計師的時候可以完全不管業務,直接做設計,但是作為交互設計師了解產品業務是非常重要的,因為不了解業務你就無法完成交互設計,優化業務場景。
舉個例子:在教育考試系統中一般流程是:教育局出通知→學生報名考試→老師審核→報名通過→老師編排學生考試名單→學生開始考試對號入座→教育局公布成績→學生查詢成績→考試結束,看這一些列的流程,因為關聯特別多,如果對業務不熟悉的話設計起來會非常的不便,如果前期因為業務流程不熟悉而設計出錯誤的交互稿的話,后面就會特別麻煩。
一聽: 先聽客戶/產品介紹。以最簡單的方式了解產品重點,即基本要素中的角色、活動、協作關系梳理出即可。
二溝通: 完成上一步后,就可以進行提問了。主要是沿著流程進行發問,重點放在分支、產物關系上。看看是否存在分支的情況,各協作之間是否有交付物。
三確認: 最后一步就是自己講一遍流程,和客戶代表或者業務產品進行確認是否有理解偏差的地方。
以醫院APP取號業務為例
頁面交互是交互文檔的主要內容可以詳細說明界面中元素的來源,控件的交互方式,數據的樣式,字段的長度規定,頁面元素的狀態變化等。每個交互頁面的內容應該包括:文檔頁面標題、界面標題、界面、設計說明。
文檔頁面標題:一般在每一頁文檔的頂部。寫明當頁內容是屬于哪個模塊或流程的,讓看的人不容易迷失;
界面標題:注意命名,方便交互稿中的互相聯系,如“跳轉【XX頁面】”,“回到【XX界面】狀態”;
界面:界面尺寸建議按實際界面的比例縮小,避免你想當然的設計并不符合規范,也避免一個界面太大影響閱讀效果;
設計說明:邏輯關系、操作流程或反饋、元素狀態、字符限制、異常/特殊狀態 等等,都可以放在設計說明中;
隨著互聯網的發展與深化,很多服務早已從線上滲透到了線下,騰訊CDC在服務設計課題上都做了哪些探索?
從互聯網走向傳統行業,互聯網金融與保險的線上和線下的探索,是相對來說比較典型的嘗試,讓我們感受到從互聯網到傳統行業的融合,這個過程也可用過往積累的互聯網理念完成。只不過從做線上線下相結合,到向其他領域擴展,工作環節和內容越來越復雜。
我們有十幾年互聯網用戶體驗設計的經驗積累,并以此做出了工具和平臺,比如一直在對外推廣的騰訊設計云服務——騰訊設計體系TDesign、內部設計協同和設計管理工具 CoDesign和ProWork。用戶研究也是我們多年專注的領域,2022年騰訊調研云將正式對外發布,當前已上線的工具是騰訊問卷、騰訊兔小巢、卷叔填填圈已經在互聯網及傳統行業中被廣泛應用。
騰訊在產業互聯網領域始終在做著前沿領先的服務。國家政務項目“數字廣東”的集成民生服務小程序——粵省事,“一站式更省事”的指尖辦事模式已成為全國在線政務服務的標桿工程。
互聯網公益方面,在環保領域的動物保護上,使用騰訊AI技術結合服務設計,做了“雪豹保護”項目,為動物保護專家、守護員,提供一套線上動物識別的服務,幫助他們在艱難的戶外環境中提高工作效率。
我們通過技術工具平臺,聯動社會公益機構與志愿者解決問題,正在研發的長城保護的服務設計項目,引入專家復原長城,希望公眾能了解更多長城的知識,是繼“云游敦煌”項目之后又一個廣受人們關注的世界文化遺產保護工作。
近兩年我們也在公共服務領域有很大的投入,比如社會應急服務升級,包括急救與突發社會事件的響應該如何更好去應對?2021年下半年開始又在全面關愛大眾人群,包括兒童與老年人心理健康的社會服務上。比如,通過網絡實現心理健康方面知識的傳播、讓社會機構與志愿者能及時對接上需求,形成心理專家與社會機構之間形成服務閉環,為社會建立起民眾身心健康的防線。
從用戶體驗到服務設計,它們之間有著怎樣的關系?
用戶體驗的關注點更多在用戶使用服務時的感受如何,而發展到服務設計層面時,我們除了關注用戶體驗外,也會關注服務提供者這一側的需求。
服務設計與用戶體驗設計的理念和工作方法一致,但服務設計體系更復雜。做互聯網產品時,人機交互的設計流程相對更容易固化,只要程序的交互設計過程沒有大偏差,用戶的使用體驗就不會太差。
服務設計的工作往往同時涉及線上和線下。線下服務場景中,不但要考慮多設備聯動,還有人對人的一整套服務流程。比如做金融、做政務的項目,它們的服務會涉及到政策、法律法規和各種標準,都是我們做服務設計時的思考點。這些標準制定方,有很多不同的崗位角色為公眾提供多樣化服務。
與做產品不同在于,產品設計往往面向特定的服務對象,而政務類的服務設計,面向的是所有人,每一位公民都享有平等被服務的待遇,于是復雜程度是幾何級數提升,但其中一脈相承的原則是以人為本。騰訊的經營理念始終是一切以用戶價值為歸依,從人機交互的用戶體驗設計,到服務設計,以用戶為本的核心前提不變,只是復雜程度的增加。
粵省事小程序是一個基于移動端的聚合式政務服務平臺。以這個項目為例,設計團隊探討了基于互聯網的設計理念與傳統政務服務相結合的模式,來推進產品體系中各模塊的設計工作,為整體重塑廣東電子政務服務的遠期目標積累了重要經驗。
過去是群眾在一個個政府部門面前排隊辦事;現在是我坐在這里,一個個政府部門在我面前一起辦事。小程序是一個開放接入平臺,政府各部門愿意接入哪些移動端的業務能力,就接入哪些業務,是自下而上的設計。▼
在解決方案上采取以辦事為中心的信息架構。 ▼
我們希望用戶一進入粵省事小程序,有一種“這就是我的”那種感覺。他們可以直接打開自己的電子身份證、電子護照、電子駕照等等,就像打開自己的錢包那樣。小程序采用了以證件為中心的主程序設計。 ▼
以我能辦什么事為中心的二級頁設計。 ▼
設計帶來的一個突出的變化是,從“羅列服務內容讓用戶來找”轉變為“深入了解需求,把服務打包好送到用戶面前”。在實際設計過程中,我們重點重建了服務的使用場景。把可以分角色分階段展示的功能拆分開,根據具體服務場景更聚焦的去展示內容。▼
為了更高效接入100多項服務,采用了模塊化的設計方法。將業務整理分類、抽象出最基礎的業務模型,得出辦事模型。以下模型可以涵蓋小程序現在接入的70%的辦理業務。再針對單個模塊進行細化設計,讓不同的過程以拼積木的形式組裝完成,從而實現符合規范的個性化接入。▼
對于騰訊CDC來說,做公益項目與商業項目間最大區別在哪里?
自從有設計以來,一切就是在以用戶價值來考量,核心的經營理念是用戶價值與商業價值之間的博弈。在設計決策上,此前更多是在兩者間取得平衡,但近幾年想法有了升級,在我們看來,僅是用戶價值與商業價值之間的關系已經不夠了,要能站在產業層面去看用戶和商業,如何能通過提升產業環境,來實現社會服務的提升。
團隊做B端服務,希望能通過挖掘過往經驗,做更多社會創新探索,與整個社會大環境提升有更好的結合點。這時用戶的概念就延伸了,用戶不僅指接受服務的人,也包含了服務的提供者——產業涉及到的每一個環節中的每一個角色,每一個具體的人。
比如互聯網應用適老化改造項目開始推進時,通過優化界面、簡化程序、增加功能等方式,來適應老年人的手機使用需求,然而用研的同學發現,改大字號,或者是語音交互等,僅僅是讓長輩用手機購物更方便,解決的是“更好用”,卻依然沒有解決“不會用”的問題。銀發青松助手作為線上版本的教程,對所有參與項目的同學來說,都是全新又極富挑戰的領域,一邊結合現有適老化改造經驗,一邊通過可用性測試不停地發現和解決問題,然后把解決方案體現在這個小程序里。
又比如騰訊首個雪豹保護數字化平臺,用AI技術識別雪豹,優化雪豹的數據錄入、處理、分析流程,解決一直以來動物巡護員主要靠紅外相機、傳統表格記錄、人工審核照片等耗時費力的雪豹保護中等困難。▼
創新是每一個設計領域中的關鍵點和難點,服務設計中的創新點和基礎是什么?
創新的基礎是挖掘社會價值。以團隊提供的設計云服務舉例,如果我們看重商業價值,就會從產品設計與產品運營角度出發,看它能夠覆蓋多少設計師、多少B端企業購買我們的服務、營業額等等,這種邏輯是商業價值所尋求的。但是當我們去尋求社會價值時,這些商業邏輯中的問題,至少就不會放在首要問題的列表中了。
我2003年入職,是騰訊的第一位專職交互設計師,當時對設計的認知很淺,幸運地進入互聯網交互設計領域,入行不久就意識到這是一個有前景的領域,然而成長過程中有很多迷茫困惑與困難,我認為僅憑個人力量很難做好工作,每個人都生活、工作在一個個環境中,需要小環境、大環境與自身的配合;只有當環境變好時,自己才會更好。我們本著這樣的思考和理念,首先努力打造公司、專業領域的小環境,同時也不斷影響行業、產業大環境,每一位設計師才會有更好發展。
作為交互設計師,過去聽得最多的詞是“人機交互”,但我常對別人說,交互的最高境界是人與人的交互,因為機器是人設計的,機器的另一端也是人。而服務設計就是“人人交互”。
在做互聯網金融行業的服務設計的時候,我們陸續與許多金融界同行交流,他們對用戶體驗設計的方法與工具抱有極大興趣,希望我們能對外提供服務,我們也認為更多人變好才是真的好。這是社會價值的體現,是我們做設計云服務的出發點與創新點。
除了做工具外,我們會不斷輸出理念,做一些行業觀察,比如每年發布的互聯網新興設計人才白皮書。
團隊也一直沉淀工作經驗,陸續出版成書,希望能從產業一線的需求與視角出發,去幫助想要從事這個領域的其他團隊和個人。
在人才培育上,都在講產學研一體,我們在與高校在招聘、實習生培養上的合作基礎上,2021年CDC與南方科技大學、深圳大學等高校進行超越以往的深度合作。過往與高校的合作模式是課題式,只讓老師帶學生做課題,以此幫他們感受來自產業一線需求的探索,從而了解真實的用戶、團隊的工作方法,我們也會將學生的創意轉化成產品、服務和工具。在這種合作模式下,學生們的基礎還是由學校自己去培養,課題只是實踐。
2021年我們與深圳大學開展的是微專業合作,與學校一起跨專業、跨領域招生,將團隊的工作方法和理念,形成一套1-2年的課程,從更基礎的層面去告訴學生們學什么?怎么學?學成之后怎么用?同時我們也為同學們提供職場實習機會,讓他們更早了解實際工作與產業的需求,他們才會更明白自己在學校里的學習目標。
與南方科技大學的合作是探索共建無障礙實驗室。我們提供更多真實用戶的樣本、數據和訴求,讓學生們了解用戶,去探索可能性,也會將這些創新點回歸到產品上,以驗證這些研究是否卓有成效。
讓產學研有更好結合,是CDC尋求社會價值的新方式。希望能從學生抓起,從學術與研究的結合處做起,讓社會里更多相關領域的人一起探索和進步。騰訊CDC只是其中的一環,通過服務設計提供更好的觸點和界面、更好的工具與環境,將產業中的每一個角色卷入進來,大家在其中都能迸發出新想法。環境培育起來后,慢慢將會誕生新產品、新物種、新理念,這與我們過往做任何一個界面設計、用戶體驗設計都不同。
云游敦煌,是由敦煌研究院、人民日報新媒體、騰訊聯合推出的,首個擁有豐富的敦煌石窟藝術欣賞體驗的微信、QQ小程序。▼
在后疫情時代,人們的需求,以及你們在做設計項目時思考的方面有變化嗎?
疫情之后大家都在面臨很多變化,不論工作、生活還是大環境。我們會思考如何才能更好去體會人們新的難處,幫助他們解決問題。
2015年9月,騰訊公益慈善基金會發起人兼榮譽理事長陳一丹先生,在第一屆騰訊99公益日上說:“社會的痛點,就是公益的起點?!睂τ谖覀冊O計師來說也是一樣的,思考出發點不再只是從用戶體驗的角度,不僅僅去做錦上添花的事,而是思考真正的痛點在哪里,落到以人為本的根源去做事。
“微光行動“是騰訊聯合深圳網警、專業心理輔導團隊共同發起的網絡抑郁癥群體的關愛活動,期望幫助大眾更好了解抑郁、正視情緒,并通過微光小程序等渠道,為用戶提供線上情緒出口,進行心理健康的正向引導。
抑郁癥已成為人類第二大殺手。國家衛健委去年發布的《探索抑郁癥防治特色服務工作方案》中,將老年人、青少年、孕產婦、高壓職業從業者都列入抑郁癥高發的重點人群。大眾對抑郁癥等心理疾病科學認知不夠,甚至存在偏見和病人的病恥感,加上專業醫學、心理學領域專業門檻高,讓抑郁癥救助難度增加。在這樣背景下,微光行動小程序,我們在產品上增設專業科普資訊、暖心電臺、書單、音樂等治愈系功能和內容,并計劃去連接用戶與專業心理咨詢師,針對線上線下兩種就診模式提供了相應心理援助和醫療幫助。
完成一個典型的服務設計項目,通常需要哪些人員參與?
我們理念一直都是除了設計師、研究員外,盡可能多卷入不同角色的人員參與項目。
過往大家對CDC的認知是設計團隊,但現在我們已不再只是設計團隊,設計師也不是團隊中人數最多的職能。現在團隊人員包含研發、產品經理和產品設計的全流程崗位,還包括產品運營與市場營銷。
除了團隊成員外,項目中還會卷入不同的外部角色,比如將客戶、社會上的服務對象,卷進項目中。為此,我們做了用研工具卷叔填填圈,適老化的項目中,為了更好更快完成改造工作,我們就在填填圈中沉淀老年人樣本,讓大家能更容易觸達到服務對象。
卷叔填填圈小程序 ▼
在2016年之前你們就開發出了對設計師及項目管理效能幫助很大的平臺工具設計云,這幾年團隊有沒有新的挑戰?
設計行業對效率的追求永無止境,然而挑戰一直都存在。一個核心問題是如何才能不再做重復性工作?除了項目管理平臺以外,我們還做了提效工具,盡可能不去浪費設計師的時間。它們集中解決兩個方面的問題——生產怎么做才能更快?有更多人協作項目,不同職能角色間工作流程如何縮短?
ProWork 是 CDC 在騰訊內部沉淀多年的便捷高效的協同平臺,為團隊中的不同角色提供支持。團隊成員可以通過日歷、清單來規劃每?的工作,同時管理者也可以通過統計報表隨時掌握團隊狀況。通過簡單靈活、多角色統籌、任務量化統計的產品特性,實現日程管理、項目追蹤、人力統籌。▼
另一個方面的挑戰是對新方向的探索和嘗試。在這個層面上不是工具做好了就能解決的,為什么說我們的很多項目叫社會創新?因為我們必然會嘗試未曾接觸和了解過的服務。它們可能成功也可能失敗,如何才能縮短從失敗到成功之間的距離?如何降低試錯成本?這些都是CDC面對的新挑戰。
工具智能化以及“設計師如何才能不被AI替代”是近年來被廣泛討論的話題,基于數據的設計、智能化的邊界在哪里?設計師的核心價值隨著時間是否有些改變?
照相機出現后畫家還有生存空間嗎?我覺得大家應該開心擁抱AI,因為AI永遠不可能替代人類,但可以幫我們節省很多工作時間。
回顧工業設計發展史,從手工到工業時代,再到大生產時代,一直分兩派,一派做工具,一派做設計,有人做組件、模塊和結構,有人使用它們去做產品。只有組件和工具在持續創新的基礎上創新才能更快。
用戶體驗設計如今正踏上這條自動化道路,我們如何才能更好走下去?都說現在是工業4.0時代,大家已經在用數字工具做設計了,但和許多工程領域相比,我們依然落后,還有很多設計師在做重復性的投入,其實一些設計工作是可以用智能化工具去“拼裝組件”的。這就像手工業時代,每一個組件都靠手工打磨,而大工業時代只需到市場上采購零部件,產品就可以組裝出來。
AI幫助我們做設計,而不是替代我們做設計。設計師的關注點應是如何更好利用工具提升設計產出。自動化生產能讓設計師更好地釋放勞動力,才能孕育出更多可能性。讓重復勞動交給機器,當你的時間和雙手被解放之后,頭腦更活躍,創新也就更活躍了。
大設計獎的主旨是“發現與提升設計的價值”,設計團隊從哪些方面建設和提升,才可能成為公司的戰略核心組成部分?
很多設計團隊往往是“一只手”,需求方要什么,設計師就呈現出來,但設計還可以成為公司的大腦。進一步提升設計的價值,意味著設計需要從技藝上升到設計思維,不僅探討如何使用工具、做好圖形圖像、界面和各種效果圖等工作,還要思考如何讓設計思維成為促進經營的工具,去挖掘商業模式、社會創新,探索新型社會服務的可能性。
作者:大設計獎 來源:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
設想一下這樣的畫面,如果在你的Feeds列表里面推薦的是一些機械鍵盤和游戲裝備,那作為用戶,會心想“暈,這些東西又不能讓我變瘦變美,跟我啥關系?往下翻翻再看看有沒有什么可買的東西”。
2. 商戶信息:品牌標簽(比方說品牌、優質商家等)。商戶信息的透出,對追求品牌的用戶來說是個有利的促進因素。如下圖中商戶的“品牌”標簽。
光有這樣的利益點也還不夠,設計師需要做的就是將這些信息進行表達,怎樣表達?設計方案將卡片進行結構化和組件化。什么是結構化和組件化?如之前的圖(某平臺的商品卡片結構)
三、興趣點的試探
作者:Sophia的玲瓏閣 來源:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
藍藍設計的小編 http://www.syprn.cn