移動終端非遺電子讀物的互動研究

王晨 譚坤 董薇 李悅萌

摘 要：從景泰藍APP的信息架構、流程設計、界面設計、交互方式、功能層次等方面講述了景泰藍App互動體驗游戲設計開發的流程及方法，為非遺類App開發者提供借鑒。

關鍵詞：交互研究；界面設計；信息架構；交互流程

APP相對于傳統的報紙、書籍、電腦在用戶瀏覽方面有隨意性，隨時隨地都可以瀏覽各種信息，并且具有共享性、交互性和便攜性等特點。景泰藍APP設計的初衷就是傳承創新非遺文化，讓更多的人了解景泰藍。景泰藍是北京的傳統文化之一，北京人大多都知道景泰藍，知道北京市琺瑯廠，但真正進去過的人是少之又少。通過本APP能使各界人士更加了解景泰藍文化，知道“銅胎掐絲琺瑯”，了解其工藝，認識其大師，并且發揚傳承景泰藍文化。

1 基于移動終端景泰藍交互產品的信息架構

（1）流程設計。用戶點進來首先看到的是歡迎頁，歡迎頁進入后看到的是首頁，首頁里面有兩個鏈接，一個是概述一個是體驗。點進概述里面主要有五個鏈接，釋義、歷史、大師、工藝、返回。點擊釋義進入景泰藍的解釋；點擊歷史進入介紹景泰藍的三個時期內容；點擊大師進入目前比較知名的五個景泰藍大師；點擊工藝進入景泰藍制作工藝的六個步驟；點擊返回進入首頁；點擊體驗按鈕里面有四個鏈接，制作、收藏、商店、返回；點擊制作里面有景泰藍六個制作工藝的步驟，利用實景還原讓用戶模擬制作景泰藍，最后到拍賣、收藏界面；點擊收藏按鈕進入上個步驟里制作成功的景泰藍的瓶子能360度全角度欣賞；點擊商店按鈕可以購買景泰藍的顏色和紋路；點擊返回按鈕進入首頁。

（2）架構設計。在設計信息架構之前要分析景泰藍所想要表達的內容和APP使用習慣。想要讓用戶了解景泰藍首先要展示它的意義，它的歷史，它的大師，它的工藝。其次，在文化傳承的APP上根據APP使用黏度分析再加入交互的內容，圍繞景泰藍的工藝來制作一個實景還原的功能，讓用戶在移動設備上體驗治胎、掐絲、點藍、燒藍、磨光、鍍金。最后，根據游戲激勵機制加入拍賣、收藏和商店功能。

2 基于移動終端景泰藍交互產品的界面設計

圖1 《景泰藍》APP首頁

（1）歡迎頁及首頁分析。本景泰藍手持移動APP主要是以簡潔大方為主，歡迎頁底色主要是圍繞景泰藍的顏色“藍”為主要顏色，中間放的是一個景泰藍的香爐。主要表達景泰藍的富麗堂皇，突出主題，界面中凸顯布局設計特點，將人們的視線引向畫面正中。此界面互動效果則借鑒其他已經發布APP的制作經驗，一閃而過的視覺體驗，采用淡入淡出的表現方式，展現景泰藍典雅之美。進入首頁，首先映入眼簾的是景泰藍界面的logo，隨后是景泰藍手持移動的兩大板塊內容“概述”和“體驗”，顧名思義就是要介紹景泰藍和體驗制作景泰藍。最后則是景泰藍的背景，特寫的景泰藍紋理加上紅藍相對的顏色，所選藍色在表現景泰藍藍色主題顏色的同時暗喻景泰藍工藝是一種精確、理性的工藝，而紅顏色則表現景泰藍工藝制作流程中至關重要的工藝步驟——燒藍，在這極為重要的燒藍步驟時，經過高溫歷練，景泰藍胎身通體通紅，這里便采用了燒藍的紅色作為主色，表現了景泰藍高溫灼燒的工藝過程。恰巧藍顏色與紅顏色為相對比色，加強了界面的視覺沖擊，具有表現力，在紅藍兩色中為避免色彩過于強烈對比、使用戶有刺激感，故設計了白顏色進行中和調節，而白色對于手持移動的用戶群體來說比較無彩色系的黑顏色會使視覺更舒適，避免刺激，所以選擇白顏色更為合適，也更符合當下用戶的清新、和緩的風格趨勢，配合景泰藍掐絲紋理更是體現景泰藍主題，突顯兩個版塊按鈕。

（2）二級界面概述及體驗分析。景泰藍的概述主要分為四大塊內容：釋義、歷史、大師、工藝。界面背景選擇為景泰藍的藍色，配合景泰藍的紋路特寫，紋路處理淡雅，調節透明度使其融入藍白顏色漸變的背景，產生層次感。該界面為二級界面，布局清晰，三個主要部分相互獨立而又相互連接，該布局帶給用戶三個信息：當前頁面在介紹“景泰藍概述”；景泰藍圖像欣賞；概述的具體“導航按鈕”。為了使導航按鈕更加清晰突出，在色彩上選擇了暗紅色來引人注意，紅色為大眾普遍敏感的顏色，多用于重點表現，而亮紅過于扎眼，視覺感并不好，故選擇暗紅色，既有重點之意又有沉穩大氣之感。景泰藍的互動體驗也主要分為三塊內容：制作、收藏、商店。制作：主要是想讓用戶通過實景還原的方式來自己制作一回景泰藍，加深景泰藍制作工藝的印象。收藏：顧名思義，就是把上面自己制作出來的景泰藍，收藏起來以便下次欣賞使用。商店：顧名思義，里面有更多景泰藍在制作過程中需要使用的釉料（顏色）和掐絲圖案（紋路）。但是需要用上面景泰藍拍賣之后的金幣來買，價格不一、各有特色。

3 基于移動終端景泰藍交互產品的互動體驗

本景泰藍手持移動終端里在互動環節是支持360度觀看的，只需用手指輕輕一劃就可以實現。本功能前期是用景泰藍的瓶子放在一個圓臺上，用單反相機每隔15度拍一張，最后利用flash完成的這個效果。這個效果已在手持移動APP中廣泛應用。360度虛擬瀏覽技術的真實性強，是實景場景的逼真攝影表現，如“中國古典家具”APP界面中的景物為360度虛擬瀏覽，幫助瀏覽者學習，也可以進行交互操作。例如，將鼠標（手指）左右滑動或者長按不放都會產生相應的交互變化，使操作過程變得趣味；拍攝制作比三維制作速度快；其導覽性、交互操作性強，可與flash技術的導覽無縫結合更好地體現產品主題，方便瀏覽用戶，操作更加舒適。滿足了用戶的交互需要，的的確確使該產品增色不少。

4 總結

在大數據時代，APP的應用會根據用戶下載不同的應用內容分析用戶可能感興趣的應用，更有針對性地推薦給用戶。例如，百度視頻App應用大數據實現個性化消息推送。APP的開發及營銷向著智能、人文關懷的方向發展。App以其高普及率和用戶黏度無疑會成為傳播、應用非遺資源的新平臺，讓用戶能從景泰藍的制胎、掐絲、點藍、磨光、鍍金中一步一步體驗，從“玩”的過程中深入了解景泰藍及其他更多非物質文化遺產。特別是在青少年用戶中傳承與創新民族文化有著重要的意義。

參考文獻：

[1] 劉子建，黃晟.限制機制在用戶體驗設計中的應用[J].包裝工程，2012（4）：76-79.

[2] 任美琪，謝慶森.手機交互界面中圖標的隱喻設計研究[J].包裝工程，2014，35（4）：29-30.

[3] 王琳.品牌傳播新媒介——品牌APP界面設計研究與探索[D].上海：東華大學，2014.