交互設(shè)計專業(yè)在校大學生, 近期上用戶體驗課程.
很多時候都是為了完成作業(yè), 在網(wǎng)上查資料的過程學的最多但每個作業(yè)定位不同,都是很零散地去搜尋和汲取知識,這次了解了UI設(shè)計規(guī)范, 這次了解信息架構(gòu), 下次是用戶畫像, 很多好文章最后都躺在收藏夾里再也沒有打開...
感謝那些分享經(jīng)驗的前輩們.同時也是為了督促自己吧, 以后打算把自己一些關(guān)于產(chǎn)品, 設(shè)計的思考發(fā)到簡書平臺,可能很雜, 我也在慢慢找自己的興趣點和方向.大三老狗了,不要以為自己還是萌新啦.
第一篇, 也是剛剛閱讀了jesse James carrett的<用戶體驗要素>文中引用大多也是出自此書. 如果有哪里說得不準確, 望大佬指正噢∠( ? 」∠)＿
零.產(chǎn)品概況
1.產(chǎn)品:故宮博物院
2.產(chǎn)品性質(zhì):
2.1 信息性
故宮博物院網(wǎng)站主要偏重信息,包括了文字, 圖片, 音頻, 視頻等等, 功能方面雖有但相對較少.
網(wǎng)站具有基本的雙重性質(zhì). 在信息型產(chǎn)品這邊, 我們的關(guān)注點是信息——網(wǎng)站應(yīng)該提供哪些信息, 這些信息對用戶的意義是什么.
2.2 公益性: 事業(yè)單位
事業(yè)單位一般指國家設(shè)置的帶有一定的公益性質(zhì)的機構(gòu)匪凡，但不屬于政府機構(gòu)
2.3 商業(yè)性: 差額補款單位
差額撥款事業(yè)單位是指有一定數(shù)量穩(wěn)定的經(jīng)常性收入亥鸠，但還不足以抵補本單位的經(jīng)常性支出靴跛，支大于收的差額需國家預算撥款補助的單位. (來源: 百度百科)
故宮是差額補款單位,故宮只能接受預算的54%，剩下的46%要靠自己掙梧奢。(來源: 2019年的亞布力中國企業(yè)家年會故宮博物院院長單霽翔演講)
一.戰(zhàn)略層——產(chǎn)品目標和用戶需求
此處的關(guān)鍵詞是明確(explicit)
1.產(chǎn)品目標(經(jīng)營者想從網(wǎng)站得到什么)
1.1 品牌識別: 傳遞故宮博物院品牌,打造故宮IP(知識產(chǎn)權(quán)).提高故宮博物院的知名度, 影響力, 通過網(wǎng)站這一互動窗口,? 構(gòu)建促進"故宮學"發(fā)展的平臺, 使故宮博物院在不同時間, 不同空間發(fā)揮其輻射作用, 從而弘揚中華民族優(yōu)秀傳統(tǒng)文化并為我國博物館現(xiàn)代化做出貢獻, 推動我國文物與博物館事業(yè)的發(fā)展
1.2 運營創(chuàng)收: 為故宮博物院的活動(包括展覽資訊, 教育培訓, 學術(shù)研究等)和衍生產(chǎn)品(包括故宮出版物, 故宮文創(chuàng), APP, 游戲等)引流, 提高轉(zhuǎn)化率, 實現(xiàn)盈利, 從而為故宮博物院的運營和維護提供資金支撐.
畢竟每年8億的門票收入直接通過網(wǎng)絡(luò)售票渠道進入國庫系統(tǒng),? 國家的撥款也是逐年遞減.(來源: 2019年的亞布力中國企業(yè)家年會故宮博物院院長單霽翔演講)) 大家都是要恰飯的嘛
2. 用戶需求(用戶想從這個網(wǎng)站得到什么)
設(shè)計產(chǎn)品, 必須要了解"他們是誰"以及"他們的需求是什么"
2.1 用戶群體: 對故宮博物院感興趣的大眾
2.2 用戶細分:? a. 對故宮感興趣但沒有計劃前往的用戶
? ? ? ? ? ? ? ? ? ? ? b. 對故宮感興趣且計劃前往故宮的用戶
創(chuàng)建細分用戶群只是一種用于"揭示用戶最終需求的手段". 你真正只需要得到的是和你發(fā)現(xiàn)的"用戶需求數(shù)目"一樣多的細分用戶群.
2.3 用戶畫像:
創(chuàng)建網(wǎng)站或任何一個技術(shù)型產(chǎn)品時, 有另一組非常重要的屬性也需要考慮: 用戶對技術(shù)和網(wǎng)頁本身的想法.
2.4 用戶需求:
a. “歷經(jīng)五百年興衰榮辱，帝王宮殿的大門終于向公眾敞開「愀猓” 通過網(wǎng)站這一窗口, 用戶可以多方位地了解故宮博物院(VR故宮/全景故宮钙皮，故宮資訊蜂科，藏品建筑等介紹), 獲取故宮衍生產(chǎn)品(故宮圖書館, 故宮APP, 故宮文創(chuàng)店)資源, 滿足用戶對故宮的好奇心和探索欲, "滿足人民日益增長的精神文化需求"
b. 獲取博物館活動信息(展覽活動/培訓課程主題及其開放時間, 交通方式等), 享受在線預約購票服務(wù), 便于用戶計劃安排, 前往參加
二.范圍層(功能規(guī)格/內(nèi)容需求)
我們把在戰(zhàn)略層創(chuàng)建的虛擬人物放到一個簡短的故事之中, 我們稱之為"場景"(scenario).一個場景是一個簡短的故事, 簡單描述了一個人物覺得會如何完成這些用戶需求. (注: 故事板或用戶體驗旅程地圖)
我們也期望從競爭對手處得到一些啟示. (注: 競品分析)
由于我只是從分析的角度去看故宮博物館網(wǎng)站, 而不是真正參與到網(wǎng)站從無到有的設(shè)計中, 所以這部分的研究方法就不再作贅述. 網(wǎng)站的內(nèi)容和功能暨已成型, 以下直接分析.
當在范圍層定義用戶需求時, 這些需求并沒有說明如何將這些分散的片段組成一個整體.
網(wǎng)站的組織,是往下結(jié)構(gòu)層所做的工作. 為了更好地理解范圍層, 我故意隱藏頂層節(jié)點如導覽, 展覽, 教育, 探索, 學術(shù), 文創(chuàng), 關(guān)于, 僅以內(nèi)容清單(content inventory)的形式進行分析.為了方便大家查看, 獻上文檔下載地址:? 內(nèi)容需求及其優(yōu)先級排列
三.結(jié)構(gòu)層
四.框架層
結(jié)構(gòu)層和框架層的鍋這次小組作業(yè)沒有分到我, 所以暫且不寫啦. 日后再做補充~
五.表現(xiàn)層
1.風格分析
故宮博物院整體風格端莊典雅, 以中國傳統(tǒng)古風為基調(diào), 結(jié)合卡片柵格設(shè)計系統(tǒng), 整體呈現(xiàn)出強烈的古風韻味且不失可讀性, 傳遞出故宮博物院文化底蘊深厚的品牌形象, 符合打造故宮IP的戰(zhàn)略目標
2.一致性分析
故宮博物院基于柵格線(grid-based layout)的布局保證了其視覺的一致性, 字體, 配色都在一個系統(tǒng)中, 做到了基本的統(tǒng)一.
3.配色分析
故宮博物院官網(wǎng)提供八套配色方案, 各套配色方案契合不同主題, 分別有"年", "常", "慶", "博"及"春", "夏", "秋", "冬". 默認配色方案為"常".
多次出現(xiàn)的顏色有紅色,棕色,黃色. 紅色予人莊嚴感, 更與故宮朱墻相呼應(yīng). 棕色予以厚重感, 讓人聯(lián)想到故宮的深厚歷史內(nèi)涵. 黃色則代表尊貴, 象征故宮昔日的無上皇權(quán).
各套配色方案都延續(xù)了故宮穩(wěn)重雅致的視覺風格, 呈現(xiàn)為較低的純度和較低的明度, 觀感舒適.
4.字體分析
字體為微軟雅黑/黑體, 無襯線, 簡潔, 可讀性強.
字號為14px~33px不等.正文與標題能夠拉開差距, 符合UI設(shè)計四大基本原則的"對比".
最小字號為14px,? 符合Ant Design定義的電腦顯示器閱讀距離（50 cm）, 最小字號從原先的12px上升至14px，以保證在多數(shù)常用顯示器上的用戶閱讀效率最佳短条。
設(shè)計四大原則：親密性导匣、對齊、重復和對比? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? —— Robin Williams
5.感官分析
提供視聽館, VR故宮, 全景故宮, 以及故宮精美圖文, 多通道感官設(shè)計給用戶帶來如臨其境之感, 讓用戶能多維度體會故宮之美.
合理設(shè)計感知. 在整個設(shè)計流程中, 這是為我們的用戶提供體驗的最后一站: 決定我們的設(shè)計最后要如何被人類的感覺器官感受到. 這些感受由五個方面組成: 視覺, 聽覺, 觸覺, 嗅覺和味覺.
6.無障礙分析
觀察發(fā)現(xiàn)工具判斷結(jié)果只有<A>元素和<IMG>元素不合理, 其他皆為#000000和#FFFFFF黑白對比.檢查網(wǎng)頁源代碼發(fā)現(xiàn)不合理元素為主導航及其子級導航的文字, logo等控件. 背景并不是工具中顯示的#FFFFFF, 可讀性尚好,判斷為工具bug
綜上所述, 排除工具意外錯誤因素, 故宮博物院網(wǎng)站的色彩對比上對視力障礙人群為友好水平
