教育需求APP交互設(shè)計(jì)
1.1 課題研究背景
1.1.1 交互設(shè)計(jì)背景
1984年，比爾·莫格里奇（Bill Moggridge）首次提出了“交互設(shè)計(jì)”一詞的定義，但在此之前，“交互設(shè)計(jì)”已經(jīng)存在并被使用過(guò)。 哪里有人，哪里就有互動(dòng)。 互動(dòng)的產(chǎn)生與人息息相關(guān)。 交互設(shè)計(jì)最初是工業(yè)設(shè)計(jì)的一個(gè)分支，但自人類意識(shí)開(kāi)始以來(lái)就已經(jīng)產(chǎn)生。 人與人之間以及人與物之間可能發(fā)生相互作用。
人與人之間的互動(dòng)是社會(huì)學(xué)領(lǐng)域的一個(gè)問(wèn)題，與本文無(wú)關(guān)，因此不再討論。 事物之間的交互暫時(shí)不在本文中。
我們所說(shuō)的交互設(shè)計(jì)主要是指人與物之間的交互方式，交互行為和交互方式的設(shè)計(jì)。
在遠(yuǎn)古時(shí)代，當(dāng)人們拿著火槍射擊時(shí)，當(dāng)人們拿著飛鏢投擲獵物時(shí)，他們都與“事物”互動(dòng)。火槍的材料，長(zhǎng)度和厚度的選擇，穿梭鏢的材料，長(zhǎng)度和角度以及切割和裝訂的方法都可以歸類為交互式設(shè)計(jì)的類別。隨著人類社會(huì)的不斷發(fā)展和進(jìn)步，人類可以交互的“事物”已經(jīng)從最簡(jiǎn)單的武器和工具變成了具有復(fù)雜過(guò)程的機(jī)器。
在工業(yè)革命之前的數(shù)千年中，用于衡量用戶體驗(yàn)質(zhì)量的“易用”標(biāo)準(zhǔn)必須讓位于“可用”的生存標(biāo)準(zhǔn)，以提高易用性。 一種交互設(shè)計(jì)需要讓位于實(shí)現(xiàn)基本功能的目標(biāo)。 即基于“可用”，可用性被稍微改善。 因此，我們可以發(fā)現(xiàn)，耕作機(jī)等基本農(nóng)具的外觀在幾千年來(lái)沒(méi)有太大變化。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 圖1-1?早期的農(nóng)具
隨著工業(yè)革命浪潮的到來(lái)，其伴隨產(chǎn)品的標(biāo)準(zhǔn)化，均質(zhì)化和生產(chǎn)率得到了極大的提高，從而使相同的商品數(shù)量上越來(lái)越多，隨即用戶并不僅限于生存需求，使用戶可以對(duì)其進(jìn)行挑選成為了可能。此時(shí)，產(chǎn)品是否易于使用，即易用性，也已首次提升到與可用性相同的位置，并已成為用戶選擇商品的標(biāo)準(zhǔn)。這時(shí)，作為獨(dú)立的過(guò)程和角色，交互設(shè)計(jì)迫切需要在產(chǎn)品開(kāi)發(fā)過(guò)程中提及。因此，交互問(wèn)題已經(jīng)存在并在1984年之前使用，當(dāng)時(shí)比爾·莫格里奇（Bill Moggridge）首次提出“交互設(shè)計(jì)”的概念，但公眾對(duì)此一無(wú)所知。提出這一概念后，越來(lái)越多的公司和行業(yè)開(kāi)始重視交互設(shè)計(jì)并增加了交互設(shè)計(jì)的價(jià)值將它運(yùn)用到產(chǎn)品開(kāi)發(fā)過(guò)程。
圖1-2?交互設(shè)計(jì)產(chǎn)品
真正使交互設(shè)計(jì)職位發(fā)光的是我們今天仍在進(jìn)行的信息革命。隨著Internet技術(shù)的發(fā)展，在2000年之后，從傳統(tǒng)工業(yè)設(shè)計(jì)中借鑒的交互設(shè)計(jì)概念開(kāi)始流行。人們把交互設(shè)計(jì)視為關(guān)鍵點(diǎn)，這與日益重視用戶體驗(yàn)和易用性也非常相關(guān)。產(chǎn)品用戶體驗(yàn)和易用性的傳播者（例如Alan cooper，Donald A Norman等）的激增對(duì)于交互設(shè)計(jì)專業(yè)在大型公司和Internet行業(yè)引起更多關(guān)注非常關(guān)鍵。
在信息革命的最初時(shí)期，當(dāng)個(gè)人計(jì)算機(jī)剛剛發(fā)明時(shí)，用戶體驗(yàn)和交互設(shè)計(jì)并未得到重視。當(dāng)然，這在當(dāng)時(shí)還受到技術(shù)水平的限制。最初的PC沒(méi)有鼠標(biāo)，而用戶使用的鍵盤是幾個(gè)世紀(jì)以來(lái)，人們一直熟悉的人機(jī)交互方法來(lái)與計(jì)算機(jī)進(jìn)行交互。（許多人可能認(rèn)為鍵盤是信息技術(shù)革命的副產(chǎn)品。實(shí)際上，這是一種誤解。鍵盤是一組操作“事物”的物理學(xué)。鍵組合具有清晰的外觀路徑和發(fā)展。）
這時(shí)候的人和電腦的交互方式是命令行交流互動(dòng)-CLI(Command Line Interaction),用戶在命令行輸入?yún)^(qū)輸入指令后按回車鍵,電腦再根據(jù)用戶指令給出相應(yīng)反饋,因?yàn)檫@種交互方式非常的不直觀,導(dǎo)致早期的計(jì)算機(jī)使用用戶對(duì)易用性和用戶體驗(yàn)非常不滿。
圖1-3早些的電腦交互
這種轉(zhuǎn)變出現(xiàn)在1979年冬天喬布斯的施樂(lè)PARC研究中心內(nèi)。在那次訪問(wèn)中，喬布斯對(duì)施樂(lè)的圖形用戶界面和二維定位操作輸入設(shè)備-鼠標(biāo)感到震驚，但他也對(duì)施樂(lè)對(duì)超越時(shí)代的裝置的冷漠感到震驚。然后，他在沒(méi)有心理壓力的情況下使用了這兩種技術(shù)，并將其應(yīng)用于個(gè)人PC設(shè)備。 從認(rèn)可和接受開(kāi)始，直到今天，我們一直在使用這種方式與計(jì)算機(jī)進(jìn)行交互，這就是鍵盤和鼠標(biāo)的交互。
在觸摸屏和觸摸操作技術(shù)尚未成熟之前，鼠標(biāo)一直充當(dāng)著人的手指在屏幕上的延伸，并且是現(xiàn)實(shí)世界在二維屏幕上的投影。世界上有更多的交互，例如懸停，右鍵單擊等。這些交互在現(xiàn)實(shí)世界中沒(méi)有可比的交互，但是我們完全理解并接受了這些交互。
在iPhone的光芒還沒(méi)有沖破夜空，鍵盤和鼠標(biāo)的交互仍然占據(jù)世界主導(dǎo)地位的日子里，當(dāng)我們制定應(yīng)用程序設(shè)計(jì)規(guī)范時(shí)，最需要考慮的是各種按鍵的正常狀態(tài)，懸停狀態(tài)，活動(dòng)狀態(tài)和訪問(wèn)狀態(tài)與鼠標(biāo)交互相關(guān)的樣式的定義。
人機(jī)交互的另一個(gè)劃時(shí)代的變化發(fā)生在2007年1月9日，即蘋果推出第一款iPhone的那一天。 幾乎同時(shí)，手機(jī)的配置越來(lái)越接近個(gè)人計(jì)算機(jī)。 手機(jī)已經(jīng)完全超越了通訊工具的底線，成為個(gè)人智能終端設(shè)備。 它與計(jì)算機(jī)之間的界限也變得越來(lái)越模糊。
在此之前，手機(jī)的觸摸操作基本上是無(wú)意義的復(fù)制和模仿鼠標(biāo)指針的筆針，更具代表性的例如Windows Phone，它失去了懸停交互方法，但是利用長(zhǎng)時(shí)間按壓復(fù)制了鼠標(biāo)的單擊右鍵的功能。喬布斯再次用他的天才眼睛發(fā)現(xiàn)了觸摸操作的獨(dú)特性，也就是說(shuō)，將鼠標(biāo)上的各種界面和控件用作現(xiàn)實(shí)世界的投影，完全拋棄鼠標(biāo)的使用方法。這種人機(jī)交互方法最大程度地簡(jiǎn)化了終端設(shè)備的使用。許多正在學(xué)習(xí)英語(yǔ)的嬰兒可以在沒(méi)有任何理解壓力的情況下使用iPhone和iPad。這就是觸控交互。
盡管觸控交互開(kāi)辟了人機(jī)交互的新紀(jì)元，但它并沒(méi)有完全取代鼠標(biāo)交互，而是在某些情況下根據(jù)鼠標(biāo)交互的某些優(yōu)勢(shì)（例如像素）精確定位的水平取代了鼠標(biāo)交互的壟斷。右鍵單擊功能的可伸縮性，高功能的可發(fā)現(xiàn)性和其他功能在日常辦公和其他情況下仍處于主導(dǎo)地位。
在過(guò)去的近40年中，我們已經(jīng)開(kāi)始并開(kāi)發(fā)了圖形用戶界面的交互模式，但是技術(shù)和人機(jī)交互模式的發(fā)展不會(huì)止步于此。
隨著CPU成本的降低，人工智能，物聯(lián)網(wǎng)和無(wú)線網(wǎng)絡(luò)等技術(shù)的發(fā)展和普及，普通家用電器和各種硬件設(shè)備也有自己的大腦-CPU。 更智能的是，智能家居的概念已經(jīng)存在了一段時(shí)間，但是由于人工智能和其他技術(shù)限制，它一直未能找到很好的突破。 真正改變了該行業(yè)格局的是亞馬遜的智能揚(yáng)聲器ECHO。
ECHO內(nèi)置了亞馬遜的智能語(yǔ)音助手Alexa，用戶可以使用語(yǔ)音與之交互，例如唱歌，詢問(wèn)天氣。 但是，在Amazon發(fā)布了用于為其開(kāi)發(fā)應(yīng)用程序的界面之后，事情朝著每個(gè)人都沒(méi)想到的方向逐漸發(fā)展：我們可以使用語(yǔ)音而不是觸摸來(lái)命令機(jī)器執(zhí)行任何操作，例如，命令ECHO調(diào)節(jié)房間溫度并切換燈光，調(diào)節(jié)光源的亮度，訂購(gòu)餐品，預(yù)訂航班等。這就是VUI（語(yǔ)音用戶界面）交互。
隨著ECHO SHOW的出現(xiàn)，VUI交互產(chǎn)生了質(zhì)的改進(jìn)和飛躍。 基于VUI本身的局限性，有必要使用圖形視覺(jué)輸出來(lái)彌補(bǔ)此交互的一些缺點(diǎn)。 在可預(yù)見(jiàn)的將來(lái)，我們可以預(yù)測(cè)它訪問(wèn)的設(shè)備和為它們開(kāi)發(fā)的應(yīng)用程序?qū)⒁灾笖?shù)級(jí)的速度出現(xiàn)。
與智能硬件設(shè)備同步開(kāi)發(fā)的有AR（增強(qiáng)現(xiàn)實(shí)），VR（虛擬現(xiàn)實(shí)），MR（混合現(xiàn)實(shí)）技術(shù)，其代表性的硬件如magicLeap，HTC Vive，微軟的Hololens等。
圖1-4?手勢(shì)交互
傳統(tǒng)的觸摸交互已不能繼續(xù)滿足這些設(shè)備的操作要求，而語(yǔ)音交互操作模式只能滿足部分操作要求。為了實(shí)現(xiàn)并擴(kuò)展這些設(shè)備的技術(shù)潛力，迫切需要新的交互方法。引入了一種新的交互方式-手勢(shì)交互（Gesture Interaction）。
手勢(shì)交互比觸摸交互和語(yǔ)音交互更具可擴(kuò)展性和多樣性。 畢竟，創(chuàng)造者已經(jīng)用十只靈巧的手指給了人類兩只手。 我們可以基于雙手創(chuàng)建無(wú)窮無(wú)盡的交互方法組合。 但是，從嚴(yán)格的意義上講，這種操作方式與人類的能力和直覺(jué)并不相符，并且與事物互動(dòng)的方式已經(jīng)存在了數(shù)千年。學(xué)習(xí)這些手勢(shì)的成本比較高，記住這些手勢(shì)內(nèi)容并不容易。
在1990年代后期，補(bǔ)習(xí)在北上廣等大城市開(kāi)始，然后逐漸在全國(guó)范圍內(nèi)普及。 隨著生活水平的提高和思想道德修養(yǎng)的提高，補(bǔ)習(xí)行業(yè)逐漸為人們所接受。 大多數(shù)父母在學(xué)習(xí)期間都有各種各樣的客觀因素，導(dǎo)致他們的學(xué)習(xí)成績(jī)不理想。因此，在當(dāng)今穩(wěn)定的生活環(huán)境中，他們開(kāi)始對(duì)孩子的表現(xiàn)抱有更高的期望。 在當(dāng)前的“ Internet +”背景下，有可以提供個(gè)性化和定制化教育的全日制教育機(jī)構(gòu)和兼職導(dǎo)師。 但是，全日制教育機(jī)構(gòu)不如導(dǎo)師有效。 由于大多數(shù)全日制教育機(jī)構(gòu)都是大型教學(xué)模式，并且如果您要進(jìn)行個(gè)性化教育，則費(fèi)用通常會(huì)更高。考慮到每個(gè)孩子的學(xué)習(xí)條件不同和其他原因，與學(xué)生年齡接近，熟悉學(xué)習(xí)范圍，價(jià)格便宜的大學(xué)生的家庭教師迅速填補(bǔ)了這部分市場(chǎng)空缺。 對(duì)于大學(xué)生來(lái)說(shuō)，兼職工作也是首選。 空閑時(shí)間和補(bǔ)習(xí)是大學(xué)生更舒適的工作范圍，可以有效地減少公司的兼職工資糾紛和業(yè)務(wù)經(jīng)驗(yàn)不足。
本本次設(shè)計(jì)是基于上文所研究的背景,從交互設(shè)計(jì)角度出發(fā),充分了解用戶體驗(yàn)基本的運(yùn)用規(guī)則及方法,并結(jié)合用戶體驗(yàn),視覺(jué)設(shè)計(jì)的方法,將有用性及易用性作為指導(dǎo)思想,結(jié)合用戶體驗(yàn)的要素及人機(jī)交互分析的五大要素對(duì)完整框架、色彩使用、交互方式、界面元素的形狀大小等進(jìn)行分析,并設(shè)計(jì)出一份完整的APP交互流程,為解決現(xiàn)存的教育需求問(wèn)題。
本次設(shè)計(jì)并不注重實(shí)現(xiàn)設(shè)計(jì)的工具及技術(shù),而是結(jié)合用戶體驗(yàn)理論與交互設(shè)計(jì)方法結(jié)合并加以應(yīng)用,實(shí)現(xiàn)兩者在APP設(shè)計(jì)中的結(jié)合。為家教信息的發(fā)布提供一個(gè)良好的平臺(tái)。
同時(shí)，從交互設(shè)計(jì)的方向出發(fā)，以改善APP的用戶體驗(yàn)，并獲得APP的目標(biāo)用戶的好評(píng)，從而增加產(chǎn)品的市場(chǎng)份額。APP是移動(dòng)互聯(lián)網(wǎng)時(shí)代的產(chǎn)物，社會(huì)的需求已經(jīng)從物理產(chǎn)品的功能需求變?yōu)樘摂M產(chǎn)品服務(wù)需求。 具有各種不同功能的應(yīng)用程序在業(yè)余時(shí)間已成為大多數(shù)用戶的新寵。 新穎的APP將與朋友分享。APP是否能夠成功，是否能夠?yàn)橛脩魩?lái)良好的體驗(yàn)以及是否具有用戶忠誠(chéng)度和信任度，其交互設(shè)計(jì)起著重要的作用。 開(kāi)發(fā)語(yǔ)言被用作APP設(shè)計(jì)過(guò)程的核心。 盡管可以滿足一些基本功能和開(kāi)發(fā)周期要求，但是對(duì)用戶需求的了解還不是很全面，因此該產(chǎn)品沒(méi)有相應(yīng)的市場(chǎng)競(jìng)爭(zhēng)力，不能為用戶提供良好的用戶體驗(yàn)不能滿足用戶的日常運(yùn)營(yíng)需求 ，造成極大的資源浪費(fèi)。 根據(jù)用戶體驗(yàn)的概念設(shè)計(jì)應(yīng)用程序。 在設(shè)計(jì)教育需求應(yīng)用程序的過(guò)程中，始終將用戶放在第一位，并從用戶的角度想象用戶的實(shí)際需求，以使設(shè)計(jì)的功能和操作更適合目標(biāo)用戶。滿足用戶的身心需求。
當(dāng)前的補(bǔ)習(xí)平臺(tái)是混雜的，還有“學(xué)而思”，“輕輕教育”等在國(guó)內(nèi)比較有名的平臺(tái)，但是也很難滿足我國(guó)許多補(bǔ)習(xí)的需求。 另外，大多數(shù)省市都有面向大學(xué)生的在線輔導(dǎo)平臺(tái)，離線輔導(dǎo)等，這使得家庭成員和大學(xué)生難以選擇放心的機(jī)構(gòu)，目前的部門平臺(tái)管理還不規(guī)范， 并且信息不及時(shí)，導(dǎo)致諸如父母和大學(xué)生的信息泄漏或發(fā)布的信息不及時(shí)等問(wèn)題。
第2章 APP交互設(shè)計(jì)與用戶體驗(yàn)理論
APP中的交互設(shè)計(jì)不是指該代碼程序在手機(jī)上如何運(yùn)行的,而是它運(yùn)用何種形式與用戶產(chǎn)生交流互動(dòng)的過(guò)程。這個(gè)過(guò)程基礎(chǔ)在于用戶體驗(yàn)設(shè)計(jì)理論。雖然都是互聯(lián)網(wǎng)時(shí)代產(chǎn)生,APP交互設(shè)計(jì)與傳統(tǒng)電腦端交互設(shè)計(jì)的區(qū)別除了設(shè)計(jì)標(biāo)準(zhǔn)和設(shè)計(jì)規(guī)范的不同,還存在下幾個(gè)方面的特點(diǎn)。
使用環(huán)境復(fù)雜多變，使用APP必須依靠移動(dòng)設(shè)備諸如手機(jī)和平板電腦之類的載體，這些載體具有本身的特點(diǎn)，人們可以在地鐵，公共汽車，電梯，地鐵，地鐵中行走以及在床上使用，這就使使用的場(chǎng)景復(fù)雜多樣。面對(duì)如此復(fù)雜的場(chǎng)景，人們對(duì)APP的設(shè)計(jì)將有不一樣的需求。但是，在傳統(tǒng)的電腦端，人們基本上只能坐在計(jì)算機(jī)旁邊，并且只有一個(gè)使用場(chǎng)景。
使用時(shí)間碎片化,手機(jī)作為APP的載體,其最大的優(yōu)點(diǎn)就是可移動(dòng)性,人們可以隨時(shí)隨地使用手機(jī)APP,可能是在等車的時(shí)間,也可能是在吃飯的間隙,更甚至是上洗手間的那化分鐘。
相較于電腦端手機(jī)屏幕尺寸縮小很多,大部分APP是依賴于移動(dòng)手機(jī)設(shè)備的,手機(jī)屏幕的尺寸大小會(huì)直接的影響用戶對(duì)APP的使用。在APP的設(shè)計(jì)中,要對(duì)用戶所接收信息量的接受程度及手機(jī)屏幕的空間利用率做主要的考慮,同一個(gè)頁(yè)面充斥大量的內(nèi)容會(huì)讓用戶使用上產(chǎn)生不適,然而,信息通過(guò)過(guò)多層級(jí)頁(yè)面展示會(huì)增加操作的復(fù)雜程度。所以,在交互設(shè)計(jì)上掌握好一個(gè)"度"非常必要。
流程設(shè)計(jì)對(duì)于用戶體驗(yàn)非常重要，好的流程設(shè)計(jì)會(huì)帶來(lái)非常好的用戶體驗(yàn)。這里有三個(gè)方便的地方，可以解釋什么是流程設(shè)計(jì)，流程設(shè)計(jì)中要考慮的問(wèn)題以及出色的流程設(shè)計(jì)的好處。
首先理解交互設(shè)計(jì)設(shè)計(jì)的是什么——交互設(shè)計(jì)是設(shè)計(jì)用戶完成任務(wù)的方式,交互設(shè)計(jì)是通過(guò)設(shè)計(jì)出一個(gè)個(gè)頁(yè)面和按鈕,幫助用戶更好的順利的完成任務(wù)。下面我們通過(guò)打電話的例子來(lái)說(shuō)明:
原來(lái)打電話就是撥號(hào)——打電話(撥號(hào)鍵盤)
隨著技術(shù)發(fā)展,可以對(duì)電話號(hào)碼儲(chǔ)存——選擇目標(biāo)——找到電話號(hào)碼——撥打電話(電話簿)
現(xiàn)在也可以,找到通話記錄——撥打電話(通話記錄)
這就是一個(gè)打電話的流程設(shè)計(jì)。而每一步都是交互方式。
現(xiàn)在我們可以了解什么是流程設(shè)計(jì)-用戶通過(guò)某個(gè)步驟完成任務(wù)，而交互設(shè)計(jì)師設(shè)計(jì)用戶完成任務(wù)的方式，而流程設(shè)計(jì)是兩者的集成。流程設(shè)計(jì)是根據(jù)用戶的使用流程進(jìn)行設(shè)計(jì)。
流程設(shè)計(jì)中主要要考慮兩個(gè)因素,業(yè)務(wù)需求和用戶需求。從業(yè)務(wù)需求來(lái)講,產(chǎn)品的目的是什么,用過(guò)這個(gè)產(chǎn)品要達(dá)成什么樣的目標(biāo),這是要考慮的項(xiàng)目需求,其次是用戶,用戶的體驗(yàn)?zāi)康氖窃趺礃拥?他們會(huì)用什么行為來(lái)完成這個(gè)目的呢。
用戶要完成的任務(wù)并不等于產(chǎn)品目標(biāo)真正要完成的業(yè)務(wù)任務(wù)。例如，在2018年回答問(wèn)題和共享資金這一非常熱門的活動(dòng)。用戶要完成特定的任務(wù)來(lái)完成答題瓜分的獎(jiǎng)品，產(chǎn)品的目標(biāo)是綁定多張銀行卡。其次，有很多東西，例如，每次使用美團(tuán)時(shí)，結(jié)束后都會(huì)有一個(gè)紅包要分享，但是決定權(quán)在用戶手中，并且不會(huì)干擾用戶的主要流程。在企業(yè)中要進(jìn)行的流程設(shè)計(jì)不僅要幫助用戶完成任務(wù)，而且其完整定義應(yīng)該是它不干擾用戶使用流程來(lái)滿足業(yè)務(wù)需求的方式。
第一、一個(gè)好的任務(wù)流程可以增加任務(wù)完成率
這個(gè)任務(wù)可以分為用戶任務(wù)或產(chǎn)品任務(wù)兩類,一個(gè)適合的任務(wù)流程,都可以提高用戶的完成率。
第二、就是讓用戶更加方便的完成任務(wù)
新發(fā)布的騰訊文檔，流程設(shè)計(jì)足夠簡(jiǎn)單，只有三個(gè)簡(jiǎn)單步驟：回車選擇寫(xiě)共享，讓用戶非常輕松地完成任務(wù)，其中最好的例子應(yīng)該是微信，流程設(shè)計(jì)是很自然，用戶使用起來(lái)非常方便。?
第三、就是對(duì)錯(cuò)誤的思考
給予用戶二次提醒,防止用戶出現(xiàn)錯(cuò)誤。
第四、就是帶來(lái)夸張的業(yè)務(wù)完成度
微信就是著名的例子,一夜之間完成4億張銀行卡的綁定。我們分析微信是怎么做的,它將這個(gè)步驟放在了最后,用戶需要花取現(xiàn)實(shí)貨幣的時(shí)候,微信并沒(méi)有去打擾用戶的主要流程。
1．線上+線下的進(jìn)一步融合
在過(guò)去的幾年中，純粹的在線人機(jī)交互已經(jīng)轉(zhuǎn)移到了線下，例如和馬鮮生，京東等。在以前的超市互聯(lián)網(wǎng)化的同時(shí)，設(shè)計(jì)師必須了解更多的線下支付場(chǎng)景和物流交互方法，用戶分析和購(gòu)買動(dòng)機(jī)具有新的意義。我最近看過(guò)的“必不可少的商店”還介紹了新的電子商務(wù)和商店如何相互制約和調(diào)整策略。
2．購(gòu)買方&銷售方同步性更高
在2019年，買賣雙方之間的聯(lián)系將更加頻繁，主要制造商的品牌從戰(zhàn)略上增加了對(duì)運(yùn)營(yíng)和運(yùn)營(yíng)商的培訓(xùn)。 例如，淘寶和京東都分析了更多的賣家銷售數(shù)據(jù)以及商品展示商品模塊的設(shè)計(jì)方法。 在金融行業(yè)中，客戶經(jīng)理可以在線與客戶溝通，并可以同時(shí)跟蹤彼此的進(jìn)度。 這些是設(shè)計(jì)師從未遇到過(guò)的新項(xiàng)目。
3．故事性與內(nèi)容優(yōu)先
在當(dāng)今信息爆炸的時(shí)代，一次使用后約有25％的APP被卸載，吸引用戶的注意力已成為一個(gè)非常重要的目的。 我認(rèn)為，交互式視覺(jué)和操作手段的有機(jī)融合是未來(lái)或未來(lái)一段時(shí)間的主流模式。 在操作中，我們需要提供更好的復(fù)制內(nèi)容，注意操作功能的統(tǒng)一性和連續(xù)性，并給用戶以沉浸感。
提供更多量身定制的內(nèi)容來(lái)吸引用戶的設(shè)計(jì)。用戶不需要太多的學(xué)習(xí)費(fèi)用，但是滿足此要求的內(nèi)容將使他們成為忠實(shí)的用戶。
4．無(wú)襯線字體VS襯線字體兩極分化
在過(guò)去的一年中，大多數(shù)大品牌LOGO都采用了新的設(shè)計(jì)風(fēng)格，而Sans和Pingfang等sans-serif字體贏得了很多人的認(rèn)可。 ?Sans Serif字體具有簡(jiǎn)潔和簡(jiǎn)潔的優(yōu)點(diǎn)。 它們具有絕對(duì)的優(yōu)勢(shì)，可以在各種顯示屏和印刷產(chǎn)品上輕松識(shí)別。 現(xiàn)在，這種字體樣式將在未來(lái)的更多頁(yè)面設(shè)計(jì)中繼續(xù)使用。
另一方面，襯線字體和復(fù)古設(shè)計(jì)有一定的回歸趨勢(shì)，圖標(biāo)也從極簡(jiǎn)主義回歸到準(zhǔn)對(duì)象，與無(wú)襯線字體有相反的對(duì)立。經(jīng)典Bookman字體和手寫(xiě)體再次流行。 襯線字體的優(yōu)點(diǎn)是個(gè)性化樣式的顯示效果，可在視覺(jué)上表達(dá)獨(dú)特的品味和樣式。 對(duì)于某些特定的人或特定的情況，設(shè)計(jì)的襯線字體使用戶可以加深了解。
5．漸變色依然流行,不對(duì)稱風(fēng)格開(kāi)始流行
漸變色在2018年非常流行，在2019年仍然很流行，并且在顏色使用上更加大膽。 ?Pantone還發(fā)布了Living Coral，這是2019年的旗艦色，發(fā)布的配色也躍升了。
在排版中，形狀和不對(duì)稱形狀越來(lái)越多。在APP界面上使用堆疊效果不僅會(huì)給界面帶來(lái)層次感和樂(lè)趣，而且自然會(huì)吸引用戶點(diǎn)擊每個(gè)頁(yè)面。 將來(lái)，這種新樣式還將為人們帶來(lái)新的閱讀體驗(yàn)。
6．?dāng)M物化回潮&插圖風(fēng)格重新熱門起來(lái)
經(jīng)過(guò)幾年的平面設(shè)計(jì)，APP和網(wǎng)頁(yè)中的裝飾風(fēng)格開(kāi)始重新流行，線性圖標(biāo)又開(kāi)始具有陰影和明暗效果，顯得更加有質(zhì)感。
在電子商務(wù)的興起和潮流品牌的潮流下，許多頁(yè)面重新開(kāi)始了插畫(huà)風(fēng)格，并且還有許多華麗的2.5D效果，這種設(shè)計(jì)可以自然地將許多元素組合在一起顯示，這比純平面設(shè)計(jì)要好得多。 精力充沛。
7．動(dòng)畫(huà)效果和界面功能更加自然的結(jié)合
從去年到現(xiàn)在，微交互的使用一直在繼續(xù)，平滑的過(guò)渡動(dòng)畫(huà)將使APP栩栩如生。 考慮到開(kāi)發(fā)成本和手機(jī)性能，有時(shí)微動(dòng)畫(huà)更容易著陸并產(chǎn)生良好的效果。 例如，最喜歡的添加到收藏夾，喜歡，完成確認(rèn)等，這些小的優(yōu)化使用戶可以更清楚地獲得有關(guān)其自身操作的反饋。 這些情感表達(dá)使人們微笑。
8．短視頻的進(jìn)一步深度運(yùn)用
隨著硬件性能的提高，短視頻在應(yīng)用程序和網(wǎng)頁(yè)中的使用激增。除了主要使用短視頻的應(yīng)用程序（例如Douyin和iQiyi）之外，從電子商務(wù)應(yīng)用程序使用短視頻顯示產(chǎn)品，聊天應(yīng)用程序以提供短視頻秒數(shù)來(lái)表達(dá)表情，還可以使用網(wǎng)頁(yè)來(lái)使用視頻動(dòng)態(tài)背景， 增加氣氛，我們都可以感受到視頻帶來(lái)的新感覺(jué)。 這種類型的短視頻豐富了頁(yè)面的內(nèi)容，簡(jiǎn)單地表達(dá)了復(fù)雜的概念，并給用戶帶來(lái)相同的感覺(jué)。
9．AI+AR的落地性運(yùn)用
近年來(lái)，從金融服務(wù)的臉部識(shí)別到電子商務(wù)的智能機(jī)器人服務(wù)，從GoogleHome，亞馬遜Alexa到魅族的Xiaoxi，人工智能一直非常熱門。 近來(lái)，微信閱讀APP還具有模仿語(yǔ)音的閱讀功能。 研究表明，從2016年到2022年，生物識(shí)別市場(chǎng)估計(jì)將以29.3％的復(fù)合年增長(zhǎng)率增長(zhǎng)。人工智能的出現(xiàn)擴(kuò)大了設(shè)計(jì)師需要考慮的設(shè)計(jì)問(wèn)題，也給設(shè)計(jì)師帶來(lái)了新的挑戰(zhàn)。
趨勢(shì)在不斷變化，風(fēng)格與設(shè)計(jì)一樣永存。在我看來(lái)，最好的設(shè)計(jì)是用戶不需要學(xué)習(xí)和自覺(jué)感覺(jué)，可以指導(dǎo)用戶完成他想要實(shí)現(xiàn)的目標(biāo)。最好能夠愉快地享受這個(gè)過(guò)程。良好的協(xié)作結(jié)果。人體工學(xué)只是在20世紀(jì)才成為一門獨(dú)立學(xué)科，因?yàn)榇藭r(shí)我們的設(shè)計(jì)目標(biāo)已經(jīng)從簡(jiǎn)單的手工制作用品發(fā)展到許多工業(yè)產(chǎn)品。 因此，設(shè)計(jì)規(guī)范變得越來(lái)越嚴(yán)格，設(shè)計(jì)產(chǎn)品完全像以前一樣依賴于設(shè)計(jì)師的設(shè)計(jì)靈感和設(shè)計(jì)經(jīng)驗(yàn)，并且已經(jīng)失去了一定的水平，無(wú)法滿足現(xiàn)代設(shè)計(jì)的需求。 學(xué)科的形成。
Bill Mogric在1990年正式提出了交互設(shè)計(jì)的概念，主張交互設(shè)計(jì)必須是人與產(chǎn)品之間的互動(dòng)行為，場(chǎng)景和心理分析為出發(fā)點(diǎn)。交互設(shè)計(jì)是一門關(guān)注用戶體驗(yàn)的新的出發(fā)點(diǎn)，其設(shè)計(jì)理念是以人為中心。在交互設(shè)計(jì)中，“以人為中心”是“以用戶為中心”。 對(duì)“以人為中心”的理解不僅限于從人的自身考慮，還需要考慮產(chǎn)品的可持續(xù)性。用戶是交互設(shè)計(jì)系統(tǒng)中的主導(dǎo)者和參與者，并且有許多方法可以對(duì)用戶進(jìn)行分類。例如交互中有直接操作者和間接操作者，直接操作者是交互設(shè)計(jì)中考慮的主要目標(biāo)用戶，而相關(guān)操作者是廣義操作者，其中包括更多的分類。從各個(gè)方面了解用戶至關(guān)重要。在交互設(shè)計(jì)中，需要集中用戶的注意的點(diǎn)，感知和識(shí)別特征之間的不同，以便用戶可以快捷地完成系統(tǒng)目標(biāo)。有非常多的方式可以滿足用戶的需求。其中，用戶的顯式需求的識(shí)別是基本需求所以就會(huì)很輕松，但是識(shí)別用戶的潛意識(shí)需求要困難得多。在確定用戶需求時(shí)，有必要使用定性或定量研究。
美國(guó)認(rèn)知心理學(xué)家唐納德·諾曼（Donald A. Norman）對(duì)人機(jī)交互的用戶體驗(yàn)有一個(gè)清晰的介紹：“用戶體驗(yàn)（User-Experience）是用戶使用產(chǎn)品（服務(wù)）的純粹主觀過(guò)程， ?人們使用的每種產(chǎn)品都有用戶體驗(yàn)。無(wú)論生產(chǎn)哪種產(chǎn)品，用戶體驗(yàn)始終體現(xiàn)在微妙之處，但是其非常重要。”
在設(shè)計(jì)產(chǎn)品或服務(wù)時(shí)，人們經(jīng)常專注于產(chǎn)品的功能和內(nèi)容，而忽視了用戶的感受，即用戶的體驗(yàn)，而這恰恰決定了產(chǎn)品的成敗。對(duì)于具有良好用戶體驗(yàn)的產(chǎn)品，成功的關(guān)鍵不僅在于外觀或功能最主要是在于用戶的體驗(yàn)很良好。設(shè)計(jì)師倡導(dǎo)的“形式遵循功能”完全適用于用戶看不到的部分，例如產(chǎn)品的內(nèi)部結(jié)構(gòu)，以及產(chǎn)品在用戶面前呈現(xiàn)的部分，例如產(chǎn)品上的所有用戶。APP界面可以看到，被觸摸的事物主要取決于用戶的同理心和行為，該功能只能用作參考因素。
產(chǎn)品設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)之間的區(qū)別在于，由于產(chǎn)品具有相應(yīng)的功能，因此將其定義為產(chǎn)品，并且在使用產(chǎn)品的過(guò)程中帶給人們的心理體驗(yàn)就是用戶體驗(yàn)。在APP之類的internet平臺(tái)上，用戶體驗(yàn)比產(chǎn)品功能和內(nèi)容更重要。首次訪問(wèn)是一個(gè)讓用戶很迷惑找不到操作方式的APP平臺(tái)。 人們是不會(huì)對(duì)其進(jìn)行第二次的訪問(wèn)。
越來(lái)越多的公司開(kāi)始意識(shí)到高質(zhì)量的用戶體驗(yàn)是最大的競(jìng)爭(zhēng)優(yōu)勢(shì)。以用戶為中心的設(shè)計(jì)理念是在產(chǎn)品開(kāi)發(fā)過(guò)程中將用戶納入設(shè)計(jì)的每個(gè)過(guò)程。用戶體驗(yàn)非常重要，因?yàn)閷?duì)于用戶而言最重要的就是對(duì)產(chǎn)品的感受，為用戶提供優(yōu)質(zhì)的體驗(yàn)，可以在無(wú)形中將用戶引導(dǎo)到產(chǎn)品中去。
1．戰(zhàn)略層：是對(duì)產(chǎn)品總體方向的把控，包括產(chǎn)品的商業(yè)邏輯，商業(yè)價(jià)值，商業(yè)壁壘等。
當(dāng)前互聯(lián)網(wǎng)已進(jìn)入下半場(chǎng)，大把燒錢野蠻生長(zhǎng)的模式已經(jīng)越來(lái)越不可持續(xù)。此時(shí)無(wú)論是投資人還是創(chuàng)業(yè)者，更多的都將回歸到商業(yè)本質(zhì)，即對(duì)產(chǎn)品商業(yè)屬性的思考。產(chǎn)品經(jīng)理圈常說(shuō)不要去創(chuàng)造需求而要去發(fā)現(xiàn)需求，真正地去滿足目標(biāo)用戶的特定需求，因?yàn)檫@樣的產(chǎn)品才能具有商業(yè)價(jià)值，商業(yè)價(jià)值的大小可以通過(guò)市場(chǎng)規(guī)模分析，目標(biāo)用戶價(jià)值分析等方式進(jìn)行衡量。除此之外，對(duì)于自身商業(yè)壁壘的分析也十分重要，在明確自身優(yōu)勢(shì)的同時(shí)可以進(jìn)一步鞏固和發(fā)展這些優(yōu)勢(shì)以提高后來(lái)者的準(zhǔn)入門檻，以此取得更為有利的發(fā)展空間。
成功的用戶體驗(yàn)的基本條件必須是明確相關(guān)所要表現(xiàn)的戰(zhàn)略。了解企業(yè)與使用人員對(duì)產(chǎn)品的期望和目標(biāo)可以較快的分析和形成用戶體驗(yàn)。產(chǎn)品戰(zhàn)略可以通過(guò)以下兩方面來(lái)獲取。
根據(jù)對(duì)使用者群體的定義。首先要確定用戶的本身需求，挖掘更深層次的用戶需求。對(duì)用戶需要什么想要什么有一個(gè)全方位的了解。有時(shí)用戶會(huì)饑不擇食有時(shí)也會(huì)挑三揀四，確定使用人群才能更好的滿足他們的確切需求。
觀察市場(chǎng)動(dòng)態(tài)。 “站在風(fēng)口豬也會(huì)飛起來(lái)”市場(chǎng)動(dòng)態(tài)是不斷變化的，但是總體的方向不一定一直都改變，把握對(duì)的方向才能在市場(chǎng)上占據(jù)一席之地。
2．范圍層：需要進(jìn)一步討論產(chǎn)品所包含的具體功能，使產(chǎn)品從一個(gè)概念敘事開(kāi)始轉(zhuǎn)化為功能聚合體。
此時(shí)明確不需要做什么要比列出需要做什么更重要，太多的產(chǎn)品一上線便拖著一副臃腫的身軀，夾雜著大量產(chǎn)品經(jīng)理自以為絕妙確一無(wú)是處的功能，最終落得失敗的結(jié)局。因此需要明確產(chǎn)品范圍邊界，梳理得到核心功能，以此構(gòu)成最小可行方案（MVP），并通過(guò)落實(shí)最小可行方案來(lái)驗(yàn)證產(chǎn)品的商業(yè)邏輯。此時(shí)應(yīng)該將比較抽象的概念具體到每個(gè)功能上。
產(chǎn)品功能的確定需要遵循產(chǎn)品策略，否則產(chǎn)品將面臨很大的調(diào)整甚至死機(jī)。我們?nèi)绾问占δ芤螅抗δ軓暮味鴣?lái)？
一些要求適用于整個(gè)產(chǎn)品。 如品牌需求或技術(shù)需求。 其他要求僅適用于特殊功能。 大多數(shù)時(shí)候，當(dāng)人們談?wù)撃撤N需求時(shí)，他們想要對(duì)產(chǎn)品必須具備的內(nèi)容進(jìn)行簡(jiǎn)短的簡(jiǎn)短描述。 用戶需求會(huì)大相徑庭。 理解“人們?cè)谙胧裁础钡淖詈梅椒ㄊ侵苯訂?wèn)他們。需求的三個(gè)主要類別：人們說(shuō)什么，他們想要什么； 用戶的實(shí)際需求； 潛在需求。
找到需求后，我們需要定義需求的優(yōu)先級(jí)。 優(yōu)先級(jí)是決定人們建議的相關(guān)特征的主要因素。策略-范圍的關(guān)系是什么？戰(zhàn)略確定范圍，功能承載產(chǎn)品價(jià)值，范圍層是實(shí)現(xiàn)戰(zhàn)略意圖。
3．結(jié)構(gòu)層：此時(shí)開(kāi)始進(jìn)行產(chǎn)品的信息架構(gòu)和交互設(shè)計(jì)。
在明確了產(chǎn)品的商業(yè)邏輯和核心功能后，我們可以開(kāi)始搭建產(chǎn)品的業(yè)務(wù)架構(gòu)和相應(yīng)的信息架構(gòu)，并在此基礎(chǔ)上進(jìn)行交互設(shè)計(jì)，確定頁(yè)面之間的層級(jí)和跳轉(zhuǎn)關(guān)系。此階段的輸出物一般為業(yè)務(wù)流程圖和操作流程圖。
在功能產(chǎn)品中，結(jié)構(gòu)層將從范圍更改為操作系統(tǒng)如何響應(yīng)使用者的命令。在信息產(chǎn)品方面，結(jié)構(gòu)層是信息空間中內(nèi)容元素的分布。
結(jié)構(gòu)層確定要呈現(xiàn)給操作者的各種選項(xiàng)的模式和順序。主要包括：交互設(shè)計(jì)：作為軟件界面網(wǎng)頁(yè)，為用戶設(shè)計(jì)結(jié)構(gòu)化的體驗(yàn)；信息架構(gòu)：作為超文本網(wǎng)頁(yè)，內(nèi)容構(gòu)建通過(guò)信息架構(gòu)建立用戶體驗(yàn)；產(chǎn)品關(guān)心了解用戶，用戶如何工作以及他們?nèi)绾嗡伎肌?/p>
4．框架層：是在交互設(shè)計(jì)的基礎(chǔ)上進(jìn)行整個(gè)原型設(shè)計(jì)制作的階段，包括導(dǎo)航設(shè)計(jì)、界面設(shè)計(jì)和交互細(xì)節(jié)的設(shè)計(jì)。
確定要實(shí)現(xiàn)的形式，主要包括：界面設(shè)計(jì)：確定框架，“按鈕，輸入框，界面控件”字段； 導(dǎo)航設(shè)計(jì)：呈現(xiàn)信息； 信息設(shè)計(jì)：目前有效的信息交流
成功的界面設(shè)計(jì)是一種，使用戶能夠一目了然地看到“最重要的內(nèi)容”的設(shè)計(jì)。精心設(shè)計(jì)的界面將組織用戶最常采用的行為，同時(shí)允許以最簡(jiǎn)單的方式獲取和使用這些界面元素。為用戶想要完成的任務(wù)選擇正確的界面元素，并以易于理解和易于使用的方式將其放置在頁(yè)面上。
任何產(chǎn)品的導(dǎo)航設(shè)計(jì)都必須實(shí)現(xiàn)以下三個(gè)目標(biāo)：目標(biāo)1：必須為用戶提供一種在網(wǎng)站之間跳轉(zhuǎn)的方法。 目標(biāo)二：必須傳達(dá)這些元素與其包含的內(nèi)容之間的關(guān)系。 目標(biāo)三：必須傳達(dá)其內(nèi)容與用戶當(dāng)前頁(yè)面之間的關(guān)系。
5．表示層：主要是視覺(jué)設(shè)計(jì)，在這一階段由UI設(shè)計(jì)師或視覺(jué)設(shè)計(jì)師主導(dǎo)，產(chǎn)品經(jīng)理為輔助角色。
內(nèi)容，功能和美學(xué)被融合在一起，以形成最終設(shè)計(jì)，從而達(dá)到其他級(jí)別的所有目標(biāo)。“彌補(bǔ)網(wǎng)站框架層的邏輯排列”的視覺(jué)表示問(wèn)題。
如果設(shè)計(jì)成功，則用戶的眼睛在產(chǎn)品上移動(dòng)的軌跡模式應(yīng)具有以下兩個(gè)特征：首先，它們的運(yùn)行非常平穩(wěn)。其次，在不怕用戶太多細(xì)節(jié)的前提下，為用戶提供一些有效選擇的有效“指導(dǎo)”。
第3章教育需求APP設(shè)計(jì)分析
3.1 交互行為分析
經(jīng)過(guò)初步調(diào)查分析，有四類人群對(duì)家教方面有一定的需求，第一類是有補(bǔ)習(xí)欲望的中小學(xué)生，目前絕大多數(shù)的中小學(xué)生擁有一部智能手機(jī)，然而在找家教方面卻不是很熟悉，一般都是由其監(jiān)護(hù)人替他們尋找，這樣就暴露出一個(gè)問(wèn)題，學(xué)生的性格和知識(shí)水平不能和補(bǔ)習(xí)人員相匹配，導(dǎo)致學(xué)生在家教時(shí)事倍功半，對(duì)參與家教的多方都是一個(gè)挑戰(zhàn)。有了這款A(yù)PP學(xué)生就可以隨時(shí)參與尋找家教的過(guò)程，增加授課人員自我介紹功能并且可以隨時(shí)參與交流，無(wú)其他復(fù)雜的過(guò)程，全面了解對(duì)方的性格與知識(shí)水平。第二類是想給自己孩子補(bǔ)課的監(jiān)護(hù)人，他們一般都有自己的工作，空余時(shí)間有限不能一直關(guān)注這方面問(wèn)題，或者經(jīng)常被一些中介打擾，他們對(duì)家教的考慮方面有很多，首先是家教人員的水平參差不齊，他們只能接受熟悉的人的推薦，他們對(duì)價(jià)格方面也有一定的考慮，這就需要監(jiān)護(hù)人對(duì)復(fù)雜的信息進(jìn)行對(duì)比，然而這些信息又非常亂，對(duì)比時(shí)就會(huì)增加難度。人們可以隨時(shí)隨地使用手機(jī)，對(duì)感興趣的信息可以特別關(guān)注，對(duì)騷擾的信息可以進(jìn)行舉報(bào)。對(duì)關(guān)注的人進(jìn)行特別提醒，人們可以隨時(shí)拿起手機(jī)進(jìn)行交流，在交流頁(yè)頁(yè)面顯示出實(shí)時(shí)狀態(tài)，可隨時(shí)關(guān)注。第三類是自由兼職的人多數(shù)為大學(xué)生他們所考慮的的問(wèn)題是在時(shí)間，地點(diǎn)等客觀問(wèn)題是否滿足他們的要求，找到一個(gè)跟適合自己的家教兼職，另一方面也會(huì)考慮對(duì)方的誠(chéng)信問(wèn)題。在APP中加入地圖功能可查看附近信息發(fā)布的地址，增加信息篩選功能，可以高效的獲得需要的信息。第四類是一些教育機(jī)構(gòu)的招生人員，他們想要快速擴(kuò)大知名度，找更多的學(xué)生，每次開(kāi)班都需要投入大量的廣告費(fèi)用。APP設(shè)有實(shí)名和企業(yè)認(rèn)證，保證安全的同時(shí)也會(huì)提高知名度。
第一類用戶因?yàn)槭菍W(xué)生，手機(jī)的使用時(shí)間受到限制，一般在周末或者處于寒暑假期間的家里，第二類用戶因?yàn)榇蠖鄶?shù)都在繁忙的工作，因此使用的主要場(chǎng)景也是在休息階段，大多數(shù)是在家中。第三類用戶大多數(shù)為大學(xué)生，使用場(chǎng)景也是在休息時(shí)間或課余比較輕松的時(shí)段。第四類用戶是身處于辦公環(huán)境之中。因?yàn)槭褂眠@款軟件就意味著應(yīng)聘或者招聘因此這是一件比較嚴(yán)肅的事情，所以使用這款A(yù)PP的用戶一般身處于舒適沒(méi)有其他事物擾亂的情況，這樣才能保證自己判斷的準(zhǔn)確性。在這種情況下交互動(dòng)作一般是雙手來(lái)完成的。
目的分為三類，第一模糊目的：用戶本身是想找一個(gè)信息大體的反向有了比如是找家教，但是不知道找教什么的也不知道要找什么價(jià)位的，對(duì)時(shí)間距離等客觀因素也不是很敏感。點(diǎn)開(kāi)一個(gè)信息，看看介紹和詳情，覺(jué)得不感興趣，就再換一個(gè)，進(jìn)行一個(gè)反復(fù)的行為；第二明確目的：用戶已經(jīng)知道自己需要的家教信息比如想找一個(gè)教數(shù)學(xué)的價(jià)位在200元/小時(shí)的離家近的，只要搜索比較聯(lián)系進(jìn)行一次單次的線性行為。第三隨機(jī)目的：用戶是想獲得什么，但是不知道要什么，更不能明確描述，比如自己發(fā)布了信息隨手拿出手機(jī)來(lái)看看附近有沒(méi)有跟自己有競(jìng)爭(zhēng)的信息或是有沒(méi)有聯(lián)系自己的信息。打開(kāi)首頁(yè)隨機(jī)瀏覽導(dǎo)致碎片化的不確定行為。
用戶行為與目的有因果關(guān)系。為了達(dá)到某個(gè)目的，必須有一個(gè)或幾個(gè)可預(yù)測(cè)的行為。一方面，這些行為可以指導(dǎo)設(shè)計(jì)者如何設(shè)計(jì)交互過(guò)程，另一方面，它們也可以從可以用來(lái)創(chuàng)新行為的角度啟發(fā)設(shè)計(jì)者。
基于用戶的固有習(xí)慣的設(shè)計(jì)可以使用戶操作時(shí)感到自然快樂(lè)，從而滿足用戶的習(xí)慣以獲得舒適的體驗(yàn)。 例如，根據(jù)“隨機(jī)瀏覽內(nèi)容”的目的，將內(nèi)容列表制成瀑布流，以便用戶只需要滑動(dòng)即可。只需保持流暢，自然且符合預(yù)期的瀏覽即可。
由于手機(jī)的流行信息發(fā)布類APP也變得越來(lái)越多，形式也趨于穩(wěn)定。經(jīng)調(diào)查在家教信息發(fā)布方面有兩款比較知名的軟件“易教網(wǎng)家教”和“輕輕家教”
兩款A(yù)PP的功能都比較復(fù)雜，輕輕家教在各個(gè)方面都形成了閉環(huán)，使用戶使用時(shí)思路更加清晰而易教網(wǎng)家教功能繁多且比較復(fù)雜容易讓用戶在接下來(lái)的點(diǎn)擊中比較迷惑，而且易教網(wǎng)家教重復(fù)功能的按鈕比較多，這給用戶使用時(shí)造成不小的壓力。
圖3-1易教網(wǎng)家教框架
圖3-2輕輕教育框架
首頁(yè)頁(yè)面兩款A(yù)PP都將科目放在首要位置前者注重功能體驗(yàn)，后者注重信息發(fā)布。但兩者有一個(gè)共同的問(wèn)題就是頁(yè)面縱向內(nèi)容過(guò)長(zhǎng)容易使用戶迷失自我，在輕輕家教中你只能了解到關(guān)于老師的信息，只能是單方面的尋找，學(xué)生有了解老師的權(quán)力，但老師無(wú)法選擇學(xué)生。而易教網(wǎng)家教中兩類人都可以發(fā)布自己的需求，這也是易教網(wǎng)家教更受歡迎的原因。但是易教網(wǎng)家教由于信息過(guò)多并沒(méi)有一定的梳理導(dǎo)致用戶進(jìn)入首頁(yè)時(shí)無(wú)從下手，滿眼全是文字。兩款A(yù)PP的顏色都比較醒目，可能會(huì)導(dǎo)致視覺(jué)疲勞。而且使用者大多數(shù)是成年人鮮艷的顏色使APP更顯得廉價(jià)、不正規(guī)。
在兩款A(yù)PP我的頁(yè)面中可以發(fā)現(xiàn)二者都具有自己的貨幣體系，是因?yàn)閮煽預(yù)PP都有視頻課的售賣，可以通過(guò)內(nèi)部貨幣體系進(jìn)行購(gòu)買，這樣的好處是可以使用優(yōu)惠卷來(lái)吸引用戶。因?yàn)閮煽預(yù)PP的側(cè)重點(diǎn)不同，輕輕家教更注重線上教學(xué)所以把學(xué)習(xí)的部分剝離與首頁(yè)并列，并將我的分級(jí)教學(xué)、服務(wù)、其他三個(gè)標(biāo)簽。而易教網(wǎng)家教要面對(duì)學(xué)員和教員兩類人因此在我的頁(yè)面里最先進(jìn)行的是教員登錄與學(xué)員登錄的選擇，登陸后兩者會(huì)有一定的改變。
兩款A(yù)PP都采用底部標(biāo)簽式導(dǎo)航欄輕輕家教添加了答疑和學(xué)習(xí)的標(biāo)簽在中間還有一項(xiàng)邀請(qǐng)卡功能它是舵式，比較吸引用戶注意。其主要是為了打響他這款軟件的知名度。但是邀請(qǐng)卡功能單一卻又不常用弱化了其他標(biāo)簽的視覺(jué)效果。易教網(wǎng)家教添加了科目和信息的標(biāo)簽，突出他的核心是信息與交流，但是科目頁(yè)中有部分功能與首頁(yè)重復(fù)使用戶在需要時(shí)不知道該選哪個(gè)點(diǎn)擊，減少用戶的信任程度。
兩款軟件雖然側(cè)重點(diǎn)不一樣但是他們的主要功能都是相同的，因?yàn)閮煽钴浖谋憩F(xiàn)風(fēng)格不同使用戶在使用時(shí)有較大的感覺(jué)差異，前者考慮交互感覺(jué)多一些，使用戶用著比較舒服，代入感比較強(qiáng)。后者缺乏交互內(nèi)容使各方面的使用感覺(jué)比較生硬，而且他的返回按鈕是無(wú)限循環(huán)的像網(wǎng)頁(yè)一樣這樣的操作在手機(jī)APP上操作很不順手。但是他比較輕量而且信息比較全面使他的用戶量比較多。兩款A(yù)PP在交互方面有長(zhǎng)有短，應(yīng)了那句話“沒(méi)有更好，只有更適合”
第4章APP初步設(shè)計(jì)
經(jīng)過(guò)仔細(xì)分析將用戶所產(chǎn)生的需求使其現(xiàn)實(shí)化，形成一個(gè)閉環(huán)，主要頁(yè)面有首頁(yè)、附近、消息、我的和發(fā)布。
圖4-1信息框架圖
首頁(yè)：對(duì)用戶需求進(jìn)行梳理，吸引用戶，頁(yè)面“黃金區(qū)域”放置“找家教”“找學(xué)生”“找培訓(xùn)”以及熱門的家教學(xué)科，前者是為了引導(dǎo)不同類型的用戶查看不同的信息，解決用戶帶著需求進(jìn)入APP卻無(wú)從下手。因?yàn)槭褂眠@款A(yù)PP的用戶多數(shù)為找家教，而且比較迫切，所以在首頁(yè)醒目的位置放置熱門學(xué)科。
附近：上門的家教最先考慮的內(nèi)容就是距離問(wèn)題，在這個(gè)頁(yè)面用戶可以以自己的地點(diǎn)為中心查看附近的需求以及詳細(xì)信息更快的做出選擇。
消息：交流也是重要功能之一如果發(fā)布的消息滿足用戶的需求時(shí)第一個(gè)操作就是與發(fā)布信息的人進(jìn)行交流，了解具體信息后才能確定信息的真實(shí)性。具有視頻與語(yǔ)音通話功能這樣就可以實(shí)時(shí)交流彼此互相了解，也可以在線試課。支持賬號(hào)加好友功能。
我的：有自己的信息卡片，可以對(duì)自己的信息進(jìn)行認(rèn)證使發(fā)布的信息更加容易獲得別人的信賴。可以在我的收藏里查看自己收藏的發(fā)布信息，在我的申請(qǐng)里可以查看自己的發(fā)布的信息內(nèi)容，在草稿箱里可以查看自己未發(fā)布但是保存了的信息，可以隨時(shí)編輯再進(jìn)行發(fā)布。
發(fā)布：在發(fā)布信息之前必須要經(jīng)過(guò)登錄，在登陸過(guò)程中需要選擇找學(xué)生，找家教，找培訓(xùn)三個(gè)方面的選擇，發(fā)布頁(yè)面在這三個(gè)方面所呈現(xiàn)的頁(yè)面信息不一樣。達(dá)到一個(gè)快速發(fā)布的目的。
對(duì)比：這是一個(gè)隱藏頁(yè)面，在查看發(fā)布的需求信息時(shí)會(huì)有對(duì)比按鈕點(diǎn)擊后可以對(duì)各個(gè)方面進(jìn)行一個(gè)橫向的對(duì)比，讓用戶尋找更適合自己的。
經(jīng)過(guò)前面設(shè)計(jì)趨勢(shì)的分析本款A(yù)PP采用扁平化卡片風(fēng)格設(shè)計(jì)，使界面更簡(jiǎn)潔更規(guī)范，這也是目前比較流行的設(shè)計(jì)風(fēng)格，頁(yè)面上加入品牌元素，提升用戶對(duì)APP的認(rèn)知，避免產(chǎn)生同質(zhì)化。利用格式塔設(shè)計(jì)原理，化繁為簡(jiǎn)，功能更為明顯，使用戶專注于內(nèi)容。優(yōu)化產(chǎn)品設(shè)計(jì)風(fēng)格，做出統(tǒng)一組件樣式。提升研發(fā)和設(shè)計(jì)的效率，保障風(fēng)格的一致性。深挖頁(yè)面使用場(chǎng)景加入恰到好處的微動(dòng)，以及優(yōu)化頁(yè)面間的過(guò)度，提升用戶產(chǎn)品體驗(yàn)。
圖4-2低倍圖設(shè)計(jì)
5.1 設(shè)計(jì)規(guī)范
本設(shè)計(jì)稿基于iphone x750x1624@2分辨率為72dpi即iphone x二倍圖，狀態(tài)欄88px，home鍵68px，實(shí)際設(shè)計(jì)頁(yè)面1468px 。
APP的主題顏色在一定程度上決定了APP的整體風(fēng)格。 主題顏色通常用作列的標(biāo)題，或頁(yè)面主要元素的顏色。 顏色的選擇具有特定含義。 不同的顏色傳達(dá)出不同的情感色彩，給人以不同的感受。
藍(lán)色：藍(lán)色非常純凈，通常讓人聯(lián)想到海洋、天空、湖水、宇宙。純凈的藍(lán)色表現(xiàn)出一種美麗、夢(mèng)幻、冷靜、理智、安詳與廣闊。由于藍(lán)色博大的特性，具有理智、準(zhǔn)確的意象，在商業(yè)設(shè)計(jì)中，強(qiáng)調(diào)科技、效率的商品或企業(yè)形象，大多選用藍(lán)色當(dāng)常用色、科技色，如電腦、汽車、影印機(jī)、攝影器材等等；另外藍(lán)色也代表憂郁，這是受了西方文化的影響，這個(gè)意象也運(yùn)用在文學(xué)作品或感性訴求的商業(yè)設(shè)計(jì)中。
紅色：節(jié)日的暖色。它刺激人，容易產(chǎn)生沖動(dòng)。它可以用來(lái)表達(dá)諸如生命，行為和危險(xiǎn)之類的信息。
澄色：介于紅色和黃色之間的間色。又稱橘黃色或橘色。橙色是歡快活潑的熱情色彩，是暖色系中最溫暖的顏色。因其具有活潑、豐收、華麗、健康、興奮、溫暖、歡樂(lè)、熱情、以及容易動(dòng)人的色感，常作為裝飾色。
黃色；溫暖和陽(yáng)光代表著希望，幸福和快活的個(gè)性，使人們感到光彩照人；它可以用來(lái)表達(dá)希望，光明，關(guān)注和其他信息。
綠色：它是介于冷色調(diào)和暖色調(diào)之間，安靜與和諧之間的一種顏色，給人們健康安全的感覺(jué)。它可以用來(lái)表達(dá)生命，成長(zhǎng)，安全和其他信息。
紫色：優(yōu)雅，高貴，給人一種神秘，壓抑的感覺(jué)；可以用來(lái)表達(dá)深?yuàn)W的，理性的，漫長(zhǎng)的，崇高的，冷漠的信息。
黑色：讓人感覺(jué)到深沉，神秘，給人寂靜，悲哀，壓抑的感受；同時(shí)也體現(xiàn)出現(xiàn)代感、工業(yè)感、冷酷等，可用于表現(xiàn)堅(jiān)硬、沉重、男性、工業(yè)等信息。
因?yàn)榻逃枨驛PP的定位是信息發(fā)布，傳遞一種安全，蓬勃生機(jī)，信任與幫助的信息。因此主色調(diào)選擇綠色更為合理，又因?yàn)槔渖{(diào)會(huì)給人以距離感所以搭配一些暖色調(diào)為輔色。
圖5-1關(guān)于顏色
選擇蘋方為中文字體Gilroy為數(shù)字及英文字體，使頁(yè)面跟家規(guī)范整潔。頁(yè)面主標(biāo)題及按鈕文字36pt，頁(yè)面副標(biāo)題文字34pt，內(nèi)容標(biāo)題30pt，內(nèi)容正文28pt，內(nèi)容輔助文字24pt，登錄頁(yè)服務(wù)文字20pt。
圖5-2關(guān)于字體
按鈕圖標(biāo)大小為90x90px，主功能圖標(biāo)大小為44x44px且保持圖標(biāo)視覺(jué)感受大小一致。裝飾性圖標(biāo)尺寸為40x40px描邊2px。
通用主按鈕高度為90px，寬度為710px，圓角12px，搜索框?qū)挾葹?4px。
圖5-3關(guān)于圖標(biāo)
結(jié)合功能方面將設(shè)計(jì)好的頁(yè)面進(jìn)行關(guān)系梳理。明確的標(biāo)出了各頁(yè)面內(nèi)容的跳轉(zhuǎn)關(guān)系。
圖5-4高倍交互原型圖一
1：?jiǎn)螕籼D(zhuǎn)至頁(yè)面“定位”從左至右滑入
2：?jiǎn)螜C(jī)跳轉(zhuǎn)回上層頁(yè)面，之后的返回鍵就不一一贅述
3：點(diǎn)擊拖動(dòng)查看旁邊字母分類區(qū)域欄內(nèi)容
4：icon最少五個(gè)最多10個(gè)，小于5個(gè)不顯示，當(dāng)大于5各時(shí)用戶可以左右滑動(dòng)查看。
圖5-5高倍交互原型圖二
1、2：點(diǎn)擊跳轉(zhuǎn)至頁(yè)面“信息搜索”，從左至右滑入
3、4：點(diǎn)擊跳轉(zhuǎn)至頁(yè)面“老師信息”從左至右滑動(dòng)
圖5-6高倍交互原型圖三
1：點(diǎn)擊跳轉(zhuǎn)頁(yè)面“地點(diǎn)吉林化工學(xué)院”從左至右滑動(dòng)
2：點(diǎn)擊跳轉(zhuǎn)至頁(yè)面“搜索”其他搜索頁(yè)面類似只是搜索庫(kù)不同
3：搜索框，有提示內(nèi)容，點(diǎn)擊后變?yōu)檩斎霠顟B(tài)
4：點(diǎn)擊打開(kāi)隱藏欄，緩動(dòng)
圖5-7高倍交互原型圖四
1：點(diǎn)擊跳轉(zhuǎn)頁(yè)面“消息小白”，從左至右滑動(dòng)，左右滑動(dòng)信息條出現(xiàn)舉報(bào)置頂?shù)劝粹o
2：輸入信息后點(diǎn)擊發(fā)送，無(wú)內(nèi)容顯示50%透明度并且不可點(diǎn)擊
3：右上角有小紅點(diǎn)說(shuō)明有新消息
圖5-8高倍交互原型圖五
1：點(diǎn)擊跳轉(zhuǎn)頁(yè)面“編輯資料”從左至右滑動(dòng)
2：點(diǎn)擊跳轉(zhuǎn)頁(yè)面“設(shè)置”從左至右滑動(dòng)
3：點(diǎn)擊跳轉(zhuǎn)至系統(tǒng)相冊(cè)頁(yè)面，從左至右滑動(dòng)
4：點(diǎn)擊保存后跳出“已保存”系統(tǒng)彈窗
5：點(diǎn)擊退出應(yīng)用
圖5-9高倍交互原型圖六
1、4：點(diǎn)擊跳轉(zhuǎn)至頁(yè)面“發(fā)老師對(duì)比”從左至右滑動(dòng)
2：點(diǎn)擊跳轉(zhuǎn)至頁(yè)面“發(fā)表評(píng)價(jià)”從左至右滑動(dòng)
3：點(diǎn)擊跳轉(zhuǎn)頁(yè)面“消息小白”從左至右滑動(dòng)
手機(jī)越來(lái)越成為人們生產(chǎn)生活必不可少的工具，隨著一些傳統(tǒng)的行業(yè)與其發(fā)生碰撞，出現(xiàn)的問(wèn)題也越來(lái)越多，人們也越來(lái)越重視手機(jī)端的交互設(shè)計(jì)，但是國(guó)內(nèi)手機(jī)端的交互設(shè)計(jì)起步的相對(duì)較晚，人們還有待對(duì)其更深一步的認(rèn)識(shí)，因此我們還有很長(zhǎng)一段路要走。
[1]張華崢,桂全安.“互聯(lián)網(wǎng)+”背景下個(gè)性化定制家教服務(wù)研究[J].通訊世界,2019,26(06):24-25.
[2]周威龍,王蕾,李佳欣.大學(xué)生家教平臺(tái)建設(shè)研究[J].對(duì)外經(jīng)貿(mào),2018(11):152-154.
[3]馬金鵬. 認(rèn)知心理學(xué)在交互設(shè)計(jì)中的應(yīng)用與研究[D].青島理工大學(xué),2018.
[4]Nathan-Roberts， Liu.Testing Aesthetic and Function Design Preference for Touch Screen and Non–Touch Screen Mobile Phones Using Interactive Genetic Algorithms[J].International Journal of Human-Computer Interaction.2014（04）.
[5]馬藝珊.交互設(shè)計(jì)在移動(dòng)端旅游APP中的應(yīng)用探究[J].西部皮革,2020,42(01):50-51.
[6]白珂,段嶸.現(xiàn)代人與“情緒化”移動(dòng)端交互設(shè)計(jì)探析[J].大眾文藝,2019(14):99-100.
[7]孫海洋,吳祐昕.移動(dòng)應(yīng)用中的場(chǎng)景交互設(shè)計(jì)研究[J].設(shè)計(jì),2017(10):104-105.
[8]Otto Parra,Sergio Espa?a,Jose Ignacio Panach,Oscar Pastor. An empirical comparative evaluation of gestUI to include gesture-based interaction in user interfaces[J]. Science of Computer Programming,2018.
[9]Tomás Alves,Joana Natálio,Joana Henriques-Calado,Sandra Gama. Incorporating personality in user interface design: A review[J]. Personality and Individual Differences,2020,155.
[10]楊海波,杜宇菲.智能手機(jī)交互界面設(shè)計(jì)的認(rèn)知基礎(chǔ)[J].包裝工程,2020,41(10):1-6.
[11]韋琳. 加油APP“優(yōu)品加油”交互設(shè)計(jì)研究[D].西南交通大學(xué),2016.
[12]Jakub Dostal,Per Ola Kristensson,Aaron Quigley. Estimating and using absolute and relative viewing distance in interactive systems[J]. Pervasive and Mobile Computing,2014,10.
[13]吳瓊.交互設(shè)計(jì)的域與界[J].裝飾,2010(01):34-37.
[14]人人都是產(chǎn)品經(jīng)理
展板
