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

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

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

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

中圖分類(lèi)號(hào)：F49 文獻(xiàn)標(biāo)識(shí)碼：A doi：10.19311/j.cnki.16723198.2018.05.034

1 引言

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

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

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

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

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

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

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

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

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

3.3 提供互動(dòng)交流平臺(tái)界面

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

3.4 提供交易平臺(tái)界面

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

3.5 評(píng)分評(píng)價(jià)界面

客戶對(duì)我們服務(wù)的每一個(gè)項(xiàng)目都可以根據(jù)自己的體驗(yàn)給一個(gè)相應(yīng)的評(píng)分，也可以方便的查看某項(xiàng)服務(wù)的評(píng)分情況，提高可信賴度。

4 平臺(tái)APP界面設(shè)計(jì)

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

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

4.2 視覺(jué)規(guī)范設(shè)計(jì)

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

4.3 主要界面設(shè)計(jì)

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

圖2 樂(lè)在山水田園間平臺(tái)主要界面設(shè)計(jì)視覺(jué)稿

5 結(jié)語(yǔ)

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

參考文獻(xiàn)

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

[2]顧文佳. UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺(jué)思維[D].北京：中國(guó)美術(shù)學(xué)院，2012.

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

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