移動(dòng)設(shè)備界面設(shè)計(jì)運(yùn)用探討論文3篇
第1篇:可穿戴移動(dòng)設(shè)備微交互和多維用戶界面設(shè)計(jì)
1研究背景
隨著科技創(chuàng)新,可穿戴計(jì)算技術(shù)發(fā)生了重大改進(jìn),在某些領(lǐng)域已經(jīng)取得突破性的進(jìn)展,而移動(dòng)互聯(lián)網(wǎng)產(chǎn)品也不斷增加投入可穿戴式的研究與開發(fā)。目前市面上取得公認(rèn)效果的除了谷歌公司的增強(qiáng)現(xiàn)實(shí)眼鏡,蘋果公司的iwatch蘋果手表、華為的運(yùn)動(dòng)手環(huán),還包括兒童電話手表、跟蹤老年人活動(dòng)的項(xiàng)鏈和增強(qiáng)互動(dòng)的智能手表等等。
新的可穿戴設(shè)備在硬件開發(fā)的同時(shí),基于交互技術(shù),同樣亟需相應(yīng)研究適配微型屏幕的用戶界面(UI)設(shè)計(jì)規(guī)律。微小屏幕限制了可用的物理空間,或交互面積,例如顯示內(nèi)容、接收內(nèi)容以及用戶輸入。除此之外,可穿戴的UI必須高效、直觀,提供即時(shí)的反應(yīng)和最終用戶的反饋。此外,可穿戴式的用戶交互常常發(fā)生于動(dòng)態(tài)的使用環(huán)境中。
2采用腕戴設(shè)備交互
腕戴設(shè)備的交互特點(diǎn)是隨時(shí)隨地、方便易得。同時(shí),能夠不斷收集關(guān)于用戶和周圍環(huán)境的數(shù)據(jù),提高人們對(duì)日常生活習(xí)慣、體力活動(dòng)水平和日常生活習(xí)慣的認(rèn)識(shí)。可穿戴設(shè)備通過數(shù)據(jù)采集系統(tǒng)也更容易收集平時(shí)用戶容易忽略的數(shù)據(jù)和可視化信息。因?yàn)樵撛O(shè)備具有貼近人體和連續(xù)使用的特點(diǎn),更容易識(shí)別用戶的活動(dòng)和位置。可穿戴設(shè)備中,手表是代表性產(chǎn)品之一,在可穿戴計(jì)算領(lǐng)域獲得了越來越多的開發(fā)關(guān)注。手腕已被證明是用戶快速訪問設(shè)備的一個(gè)極好的位置,只需要抬起手臂一個(gè)動(dòng)作便可以將用戶感興趣的信息發(fā)送傳遞。燈光閃爍,蜂鳴聲或快速振動(dòng)可以有效性快速進(jìn)行信息傳達(dá)。
雖然腕戴設(shè)備為用戶提供了幾個(gè)好處,設(shè)計(jì)界面和交互方法,仍然是具有挑戰(zhàn)性的。用戶界面設(shè)計(jì)的復(fù)雜性必須適當(dāng)簡(jiǎn)化,其中包括:(1)功能激活盡量精簡(jiǎn),避免意外輸入;(2)精簡(jiǎn)信息層級(jí);(3)數(shù)據(jù)準(zhǔn)確,避免歧義;(4)豐富用戶手勢(shì)的識(shí)別設(shè)計(jì)。
目前商業(yè)化的手腕設(shè)備通常發(fā)行一套微交互設(shè)計(jì)準(zhǔn)則,支持可穿戴設(shè)備的應(yīng)用開發(fā)。蘋果、三星和Android均采用了微交互設(shè)計(jì)準(zhǔn)則,例如,蘋果開發(fā)了設(shè)計(jì)指引,以支持蘋果手表的接口設(shè)計(jì)。其中涉及個(gè)人,整體和輕量級(jí)的互動(dòng),即微交互。蘋果手表的微交互關(guān)注了個(gè)人通信,局限屏幕用戶界面設(shè)計(jì)(優(yōu)化屏幕空間)和快速交互行動(dòng)。此外還提供用戶界面元素(例如,圖像,表格,和滑塊),以及如何設(shè)置圖標(biāo)和圖像。此外個(gè)性化,環(huán)境敏感和易用性也是手腕可移動(dòng)設(shè)備強(qiáng)調(diào)的內(nèi)容。界面設(shè)計(jì)內(nèi)容重點(diǎn)包括:標(biāo)題,標(biāo)志,按鈕,網(wǎng)格,彈出窗口和列表等。
用戶輸入則是手表設(shè)備采用得最少的交互內(nèi)容之一,替代用戶輸入的方式主要是通過自然手勢(shì)和簡(jiǎn)單按鈕完成交互響應(yīng)。在手勢(shì)控制的人機(jī)交互方面,由簡(jiǎn)單的到復(fù)雜的,大致可以分為三個(gè)層次:二維手型識(shí)別、二維手勢(shì)識(shí)別、三維手勢(shì)識(shí)別。多維手勢(shì)識(shí)別是微交互的重中之重。例如,2015年科研工作者針對(duì)手勢(shì)層次構(gòu)建了智能手表的一個(gè)多維輸入空間,結(jié)構(gòu)為直接接觸型手勢(shì),追蹤手勢(shì)(當(dāng)手勢(shì)涉及三維空間并包含深度信息)和內(nèi)部感應(yīng)作用(當(dāng)傳感器被動(dòng)地收集輸入數(shù)據(jù))。
3微交互和多維用戶界面設(shè)計(jì)
當(dāng)用戶接收交互活動(dòng)時(shí),如訪問信息,響應(yīng)一個(gè)動(dòng)作,收到一個(gè)通知,在短時(shí)間內(nèi)(小于3秒)的交互,可稱為微交互。微交互能夠在最快速簡(jiǎn)潔的條件下然讓用戶完成他們的交互活動(dòng)。因此微交互的用戶界面設(shè)計(jì)的規(guī)則是小塊簡(jiǎn)單,只維持基本的UI元素在一個(gè)簡(jiǎn)單而直觀的布局。常見的例子在手腕的CROMI互動(dòng)式可穿戴包括,從UI和系統(tǒng)輸出響應(yīng):顯示日期、時(shí)間、天氣、來電、步驟和心率數(shù);從設(shè)備輸出反饋:燈光閃爍,發(fā)出嗶嗶聲,嗡嗡聲;用于輸入用戶:一按下按鈕,點(diǎn)擊裝置,滑動(dòng)手勢(shì),手腕的運(yùn)動(dòng)(例如,旋轉(zhuǎn),敲門)。
手腕可穿戴設(shè)備由于圖形顯示所固有的物理尺寸約束,往往需要用戶界面表現(xiàn)出單一簡(jiǎn)化的基本內(nèi)容。為了能夠滿足要求,必須組織多維的圖形用戶界面,以呈現(xiàn)信息塊,旨在提高的圖形用戶界面的可讀性。
在一個(gè)腕戴設(shè)備一方(或矩形)顯示坐標(biāo)軸是最直觀:水平(X)和垂直(Y)。用戶界面信息的排布遵循無限滾動(dòng)軸的概念(交互連續(xù))。例如,在用戶界面設(shè)計(jì)上,用戶可以在兩個(gè)方向上滾動(dòng)瀏覽——沿水平(X)或垂直(Y)軸。水平軸為用戶提供設(shè)備交互功能(例如,家庭、設(shè)置、活動(dòng)數(shù)據(jù)),垂直軸提供了基于每一個(gè)主要功能的子任務(wù)或更多細(xì)節(jié)。瀏覽界面輸入命令可以在任何形式交互(例如,觸摸,手勢(shì),按下按鈕,撥輪)。
無限連續(xù)為有限的可穿戴設(shè)備界面設(shè)計(jì)提供了設(shè)計(jì)靈活性,以創(chuàng)建多維用戶界面。通過構(gòu)建多維度的信息分布來避免在用戶交互的復(fù)雜繁瑣。
4結(jié)論
可穿戴設(shè)備的交互設(shè)計(jì)有兩個(gè)重要內(nèi)容:微交互和多維界面設(shè)計(jì)。微交互模式可以幫助設(shè)計(jì)人員在設(shè)計(jì)可穿戴設(shè)計(jì)的階段,更容易理解用戶的情境交互體驗(yàn),而多維界面設(shè)計(jì)能夠確保發(fā)揮高質(zhì)量的移動(dòng)交互功能。
第2篇:基于手持移動(dòng)設(shè)備的中醫(yī)針灸app的界面設(shè)計(jì)
0引言
隨著手持終端和移動(dòng)互聯(lián)網(wǎng)的發(fā)展,APP以其便捷、迅速、可個(gè)性化定制推送等特點(diǎn)在信息服務(wù)和知識(shí)傳播領(lǐng)域得到了廣泛應(yīng)用[2]。在大數(shù)據(jù)時(shí)代,APP的應(yīng)用分享了大量信息允許我們可以在移動(dòng)設(shè)備上隨時(shí)隨地學(xué)習(xí)。但是在目前看來市場(chǎng)上對(duì)于中醫(yī)針灸類的app出現(xiàn)較少,新一代的移動(dòng)終端設(shè)計(jì)現(xiàn)在已經(jīng)不能滿足于實(shí)用性和功能性的要求,我們?cè)诋a(chǎn)品的基礎(chǔ)上還要做好產(chǎn)品的界面設(shè)計(jì),app的界面是用戶選擇最直接的原因,用戶期望可以獲得一個(gè)輕松愉快視覺享受的界面環(huán)境,同時(shí)也希望app可以簡(jiǎn)單明了的反映app的功能與文化內(nèi)涵,這表明手機(jī)界面設(shè)計(jì)質(zhì)量十分重要,友好的界面設(shè)計(jì)已經(jīng)成為應(yīng)用完成的重要部分,基于此我們做了針灸app的界面設(shè)計(jì)。
1設(shè)計(jì)思路
在項(xiàng)目實(shí)施前期。我們針對(duì)于中醫(yī)藥大學(xué)接下來多次隨機(jī)調(diào)查問卷,無論是醫(yī)學(xué)專業(yè)或者非醫(yī)學(xué)專業(yè)人士都表示62.5%的同學(xué)認(rèn)為非常有必要開發(fā)一款關(guān)于針灸學(xué)習(xí)APP幫助學(xué)習(xí),在市場(chǎng)需求后,我們進(jìn)一步調(diào)查其對(duì)APP的功能的需求,發(fā)現(xiàn)在應(yīng)用中加入界面的簡(jiǎn)潔性與文化內(nèi)涵,針灸的解剖定位,特殊用法與禁忌和真實(shí)的案例詳解是大家迫切希望在app中看到的。同時(shí)我們分析已經(jīng)存在于市場(chǎng)上的針灸app類軟件,如金華佗,灸大夫,360針灸3D助手等,對(duì)比優(yōu)勢(shì)與劣勢(shì),有助于我們更好地在研發(fā)過程中完善我們的應(yīng)用。因此,從考慮市場(chǎng)以及廣大中醫(yī)愛好者的角度,運(yùn)用360°可任意翻轉(zhuǎn)無視覺死角的3D人體模型作為穴位定位的載體,結(jié)合真實(shí)臨床針灸病例展示穴位功效,構(gòu)建簡(jiǎn)潔大方富有中醫(yī)文化底蘊(yùn)的界面成為移動(dòng)app要解決的問題。
2設(shè)計(jì)功能組成部分
針灸3Dapp由解剖,穴位,書籍,病案,交流,養(yǎng)生六個(gè)部分組成。
(1)解剖:解剖主要是按照西醫(yī)的說法去分析人體的身體構(gòu)造,包括人體的肌肉群等等,對(duì)人體結(jié)構(gòu)有一個(gè)初步的了解。
(2)穴位:以中醫(yī)角度去切入,包括人體的3d模型圖,穴位分類穴位測(cè)試三個(gè)內(nèi)容。可以進(jìn)行360度可任意翻轉(zhuǎn)無視覺死角的3D人體模型作為穴位定位的載體,便于使用者明確穴位具體定位,有利于調(diào)動(dòng)成像記憶,同時(shí)在點(diǎn)擊穴位的同時(shí)顯示該穴位的用法,常見穴位搭配組合以及禁忌。還有相關(guān)題庫進(jìn)行檢驗(yàn)測(cè)試。
(3)書籍:與中醫(yī)針灸類金華佗公司合作提供大量電子類中醫(yī)書籍,設(shè)置有書籍分類,經(jīng)典書單,我的書庫三個(gè)部分,用戶可以在分類中查看自己想要的書籍,在書單中重溫皇帝內(nèi)經(jīng)的經(jīng)典之美。為不同的針灸愛好者縮小可搜索范圍,書籍首頁還提供了一目了然的熱搜榜,經(jīng)典榜設(shè)置,有利于用戶最快方便地找到感興趣的書籍。
(4)病案:聯(lián)系調(diào)取院里有價(jià)值的住院病歷,整理收集到的資料進(jìn)行分析匯總放在此款應(yīng)用上,此部分包括病案分類,病案時(shí)間,我的收藏,我的筆記四個(gè)部分。可以在分類窗口查看不同中醫(yī)證型病案,在時(shí)間里面查看最新病例,對(duì)于喜歡或者個(gè)人覺得有價(jià)值的病案,可以收藏或者寫下自己的理解與感悟。
(5)交流:主要包括名師平臺(tái),杏林大講堂,以及針灸圈三個(gè)部分,在名師平臺(tái)上,可以直接向醫(yī)生提問,由系統(tǒng)選擇空閑時(shí)間的醫(yī)生進(jìn)行回答提供相關(guān)建議,同時(shí)查看到來自嶺南地區(qū)的中醫(yī)名師,選擇科室,地區(qū),以及醫(yī)院是私營(yíng)或者公營(yíng),指定醫(yī)生回答。在杏林大講堂部分我們提供基于我校特色的杏林視頻以及學(xué)習(xí)自戀,供大家學(xué)習(xí),在針灸圈來自于不同地區(qū)的用戶可以在這里互相交流針灸學(xué)習(xí),針灸心得針灸愛好等。
(6)養(yǎng)生:包括養(yǎng)生文章和養(yǎng)生食譜兩個(gè)部分,在養(yǎng)生文章中我們每天推送經(jīng)過篩選的優(yōu)質(zhì)公眾號(hào)養(yǎng)生文章以及中醫(yī)針灸方面的重大事件,有利于用戶了解更多針灸信息。在養(yǎng)生食譜方面,我們發(fā)揮中醫(yī)特色,推送各類中藥食譜藥膳等,安全可靠,為廣大用戶提供健康的中醫(yī)食療方案。
3界面設(shè)計(jì)
(1)logo設(shè)計(jì)。以中醫(yī)針灸中最為經(jīng)典的針灸場(chǎng)景作為背景,漸變藍(lán)置于兩側(cè),淡化背景,并在圖片中央顯示陰陽太極眼,“針灸助手”四個(gè)大字圍繞著太極眼似乎在旋轉(zhuǎn),應(yīng)用圖標(biāo)功能一目了然。
(2)整體以及部分色彩設(shè)計(jì)。本app是屬于醫(yī)療學(xué)習(xí)行業(yè),色彩不宜過分鮮艷濃烈,應(yīng)以視覺舒服為主。而淡淡的天藍(lán)色給人如沐春風(fēng),色彩柔和很適合學(xué)習(xí)類app,為了不過分單調(diào),我們采用了漸變天藍(lán)色,在背景中加入淡化后的水印中醫(yī)藥樣本,整體氛圍看起來簡(jiǎn)潔大方,同時(shí)也突出了中醫(yī)文化氛圍。
(3)中醫(yī)圖標(biāo)設(shè)計(jì)。因?yàn)榻缑媸潜馄降模詴?huì)采用扁平型的且具有表象的符號(hào)來設(shè)計(jì)圖標(biāo),在針灸app設(shè)計(jì)圖標(biāo)中,加入了大量中醫(yī)文化元素,如“書籍”圖標(biāo)我們選擇“竹簡(jiǎn)”作為表象,“解剖”圖標(biāo)我們選擇“大骨”作為表示,在穴位部分以針刺動(dòng)作作為概述性表達(dá)。
(4)界面布局設(shè)計(jì)。在界面設(shè)計(jì)的基礎(chǔ)上,按照app界面組成結(jié)構(gòu),遵循UI界面設(shè)計(jì)的法則,使用Photoshop軟件,文件設(shè)置大小為符合大多數(shù)智能手機(jī)的640px*1136px進(jìn)行UI界面設(shè)計(jì),界面主要包括“解剖,書籍,穴位等6個(gè)界面以及每個(gè)部分點(diǎn)進(jìn)去的二三四級(jí)界面。
4結(jié)束語
本針灸APP以用戶的角度與體驗(yàn)去設(shè)計(jì)這款A(yù)PP界面,符合用戶的使用習(xí)慣,發(fā)揚(yáng)了中醫(yī)文化底蘊(yùn),界面設(shè)計(jì)自然大方,中醫(yī)文化氣息濃厚,操作使用起來界面功能一目了然。但是實(shí)施起來也會(huì)有一些不足之處,希望在接下來的用戶體驗(yàn)中繼續(xù)改進(jìn)。
本文來源:http://www.nvnqwx.com/shiyongwen/2475190.htm