“樂在山水田園間”養(yǎng)老旅游電子商務(wù)平臺UI設(shè)計

汪思敏++袁奭暉++丁雄++盧嫣??

摘 要：UI設(shè)計是為了大多數(shù)用戶方便使用軟件和應用程序。樂在山水田園間平臺的UI設(shè)計過程展示了互聯(lián)網(wǎng)軟件產(chǎn)品的設(shè)計流程，從設(shè)計與用戶的角度展示了UI界面設(shè)計如何與移動互聯(lián)網(wǎng)養(yǎng)老旅游項目結(jié)合在一起，從而帶來更好的用戶體驗。平臺的UI界面設(shè)計是基于用戶體驗，以用戶體驗設(shè)計為主導來進行產(chǎn)品設(shè)計，從用戶的行為和對用戶的服務(wù)出發(fā)，發(fā)現(xiàn)最好的形式來實現(xiàn)產(chǎn)品的目標，從而產(chǎn)生出色的、優(yōu)秀的設(shè)計體驗。

關(guān)鍵詞：UI設(shè)計；用戶體驗；旅游養(yǎng)老；交互設(shè)計

中圖分類號：F49 文獻標識碼：A doi：10.19311/j.cnki.16723198.2018.05.034

1 引言

人口老齡化目前是世界各國面臨的重大社會問題，中國也不例外。目前，我國城市老年人的人均消費額約為6000多元，消費總額達2700億元，占城市消費額10%左右。雖然我國超過60歲的老年人有2億左右，但有90%左右的老人對現(xiàn)在的老年消費品不滿意?？梢钥闯?，老齡市場產(chǎn)業(yè)鏈上的多種需求未能得到滿足，巨大潛力尚待挖掘。“樂在山水田園間”養(yǎng)老旅游電子商務(wù)平臺致力于打造一個互聯(lián)網(wǎng)平臺，構(gòu)建基于“鄉(xiāng)村生活+互聯(lián)網(wǎng)+消費者”的一條龍個性定制服務(wù)模式，通過將鄉(xiāng)村風景與田園體驗的巧妙融合，打造獨特的田園休閑養(yǎng)生、鄉(xiāng)村體驗式養(yǎng)老等特色服務(wù)，實現(xiàn)現(xiàn)代人的田園夢，達到“悠然見南山”的意境。為了更好的吸進和服務(wù)于中老年客戶，平臺需要設(shè)計友好、簡單、方便操作的APP界面。

2 UI技術(shù)的發(fā)展現(xiàn)狀

UI設(shè)計技術(shù)的發(fā)展可以說是從蘋果公司的iOS系統(tǒng)開始的，蘋果將他的UI設(shè)計的概念演變成一個時尚元素，甚至在很大程度上成為整個行業(yè)的設(shè)計標準。幾乎所有相同時期的軟件UI都使用類似于水晶、漸變、圓角、軟陰影等設(shè)計風格和效果，包括微軟，蘋果的競爭對手也屈服于這種強大的審美方向，UI設(shè)計在同質(zhì)化的趨勢上越來越明顯。作為競爭對手，Google的安卓系統(tǒng)在4.0之前的UI基本上復制了iOS風格。而微軟發(fā)布Windows8系統(tǒng)時，痛下決心完全放棄了蘋果主導的設(shè)計規(guī)則，冒險推出了完全不同的UI設(shè)計，這就是我們現(xiàn)在看到的win8系統(tǒng)及win10系統(tǒng)的Metro界面。我國的用戶界面設(shè)計是從二十一世紀初開始發(fā)展，那時候的UI設(shè)計與平面設(shè)計并沒有很好的區(qū)分開來，而且也只針對web網(wǎng)站建設(shè)，之后動畫開始流行起來，交互開始被設(shè)計師們考慮到。再過了兩年后，一些大公司開始發(fā)現(xiàn)UI設(shè)計對產(chǎn)品有重大影響，于是獨立的UI設(shè)計部出現(xiàn)在一些大公司，這時候才開始有了真正的GUI設(shè)計師和軟件交互設(shè)計師。

3 界面設(shè)計需求分析

由于平臺主要的客戶對象是廣大中老年朋友，他們對電子商務(wù)的認知和APP的使用是有別于年輕群體的。經(jīng)過我們多方調(diào)研，總結(jié)了幾個中老年人使用手機APP界面的需求特點：界面簡潔；字體大而清晰；良好的人機界面設(shè)計美觀易懂；操作簡單，具有指導功能；使用戶感到快樂，興趣增加；良好的展示功能，更具吸引力。因此，我們界面設(shè)計過程中，結(jié)合這些特點和我們平臺的實際需求，經(jīng)過需求分析最終對需求進行了確定，具體如下幾點。

3.1 發(fā)布當?shù)芈糜萎a(chǎn)品信息

進行資源整合通過對地區(qū)地貌風景以及農(nóng)戶的查找了解，我們實地考察、拍照、走訪農(nóng)戶、調(diào)查信息與村委會或農(nóng)戶簽署相關(guān)合同，然后將所有適合旅游并且宜居住的圖文信息整理好，將旅游養(yǎng)老產(chǎn)品的具體信息服務(wù)發(fā)布到平臺上。

3.2 針對中年旅游異地養(yǎng)老設(shè)計產(chǎn)品定制

針對中老年旅游異地養(yǎng)老給他們提供系列定制化服務(wù)，我們提供宜居、宜游樂的房屋、用于農(nóng)耕耕種的土地、游樂的基礎(chǔ)服務(wù)、安全設(shè)施，并能全部展現(xiàn)在界面上。

3.3 提供互動交流平臺界面

在平臺上為消費者與地方社區(qū)之間提供交流的論壇平臺，發(fā)布供需信息，交流與產(chǎn)品以及特色服務(wù)有關(guān)的信息。

3.4 提供交易平臺界面

讓個體消費者看見服務(wù)產(chǎn)品信息后，有意向想購買服務(wù)產(chǎn)品的個體消費者、商戶可以在平臺上直接支付購買我們的產(chǎn)品。

3.5 評分評價界面

客戶對我們服務(wù)的每一個項目都可以根據(jù)自己的體驗給一個相應的評分，也可以方便的查看某項服務(wù)的評分情況，提高可信賴度。

4 平臺APP界面設(shè)計

4.1 設(shè)計工具的選擇

在界面設(shè)計開發(fā)的過程中，我們主要選取了Adobe Photoshop、矢量繪圖工具——Adobe Illustrator、快速原型設(shè)計工具——Axure rp作為我們的開發(fā)設(shè)計工具。Photoshop含有選框工具、鋼筆工具、畫筆工具等等大量的修圖繪圖工具，這樣可以讓用戶非常簡單高效的進行圖片的編輯。Illustrator和Photoshop一樣是美國ADOBE公司推出的，簡稱“AI”作為專業(yè)矢量繪圖工具，它與Photoshop最大的不同在于它在矢量圖形繪制方面的強大功能。Axure RP是一款專業(yè)的快速原型設(shè)計工具，它能將產(chǎn)品的需求與構(gòu)思快速的轉(zhuǎn)變成線框圖、原型圖等等，非常方便產(chǎn)品前期的討論。Axure RP還支持同事之間相互協(xié)作進行設(shè)計，方便員工之間的配合工作。

4.2 視覺規(guī)范設(shè)計

樂在山水田園間平臺APP的視覺規(guī)范以“鄉(xiāng)村生活+互聯(lián)網(wǎng)+消費者”的宗旨為指導，制定符合樂在山水田園間平臺市場定位的UI視覺規(guī)范，來指導產(chǎn)品的開發(fā)、運營以及日后的版本更新迭代，是人機交互界面設(shè)計方面的指導手冊。視覺規(guī)范的目的在于建立統(tǒng)一美觀的產(chǎn)品形象，保證產(chǎn)品的質(zhì)量提升設(shè)計、開發(fā)的速度，防止出現(xiàn)重大的偏差，同時讓用戶在使用體驗上有統(tǒng)一的視覺感受，減少用戶的學習成本。本規(guī)范用于UI設(shè)計、前端開發(fā)、運營人員等作為參考。

4.3 主要界面設(shè)計

樂在山水田園間平臺主要設(shè)計思路是將APP視覺體驗進行全面的宏觀的分析，并分為特殊控件、軟件通用控件、功能結(jié)構(gòu)類等三大類。發(fā)現(xiàn)功能結(jié)構(gòu)的排版、視覺復用的控件以及一些特殊的控件都有很多的改進空間，可以讓平臺樹立更完善的品牌形象，并在產(chǎn)品設(shè)計中體現(xiàn)出自己品牌的個性氣質(zhì)。整個視覺設(shè)計語言是以簡介大氣、時尚易用為原則。視覺的實現(xiàn)是通過用戶畫像的分析方法得出樂在山水田園間平臺簡單、易用、時尚、個性等設(shè)計標簽，為樂在山水田園間平臺APP的UI設(shè)計奠定了全新的設(shè)計理念。產(chǎn)品給用戶的體驗應該是溫馨幸福且可信任的，比如產(chǎn)品的設(shè)計中著重體現(xiàn)的家人團聚般的親和力、來自大自然的消息提示方式、清新怡人的文案設(shè)計、主色運用中國紅體現(xiàn)幸福和美之意，并輔與藍色進行協(xié)調(diào)等。在內(nèi)容有效呈現(xiàn)的設(shè)計中，在相同的視覺控件上一定要做到視覺風格的統(tǒng)一，簡化產(chǎn)品自身占有用戶視覺重點的情況，所以在版式布局上，去掉了常規(guī)的卡片式布局，取消了多余的分割線和模塊間的間隔，以大塊的留白來進行功能區(qū)分。這樣清晰明了的為用戶展示最有用的信息，更好的方便了用戶操作。

圖2 樂在山水田園間平臺主要界面設(shè)計視覺稿

5 結(jié)語

通過一系列的調(diào)查與論證，雖然樂在山水田園間平臺項目的旅游服務(wù)內(nèi)容十分豐富，但是也需要設(shè)計更好的交互界面和信息架構(gòu)來組織這些內(nèi)容，才能幫助用戶更好地訪問。沒有良好的交互界面設(shè)計，用戶使用的效果就得不到優(yōu)化，何談鼓勵用戶主動推廣。所以注重 APP 中交互界面設(shè)計是平臺得到客戶認可的重要前提，我們也必將在未來的開發(fā)設(shè)計中進一步完善。

參考文獻

[1]王彥. 手機游戲UI設(shè)計的一般性原則研究[D].武漢：華中師范大學，2014.

[2]顧文佳. UI設(shè)計中用戶交互體驗的視覺思維[D].北京：中國美術(shù)學院，2012.

[3]溫源. 移動互聯(lián)網(wǎng)軟件產(chǎn)品的“UI”設(shè)計研究[D].濟南：山東大學，2013.

[4]張媛. UI設(shè)計中的視覺表現(xiàn)[J]. 大眾文藝，2013，（21）：5758.endprint