歡迎來(lái)到深圳市志博科技有限公司網站!
您當前的(de)位置:深圳APP開發 > 新聞資訊 > APP開發資訊 >
人(rén)
已閱讀

APP開發交互設計相關知識點

來(lái)源:lexintech.com       發布時(shí)間:2019-05-17
 
關于APP開發中交互設計的(de)一些知識點,本文總結了(le)一些,分(fēn)享給正在做(zuò)APP開發的(de)産品經理(lǐ)和(hé)設計師們。
APP開發交互設計相關知識點
一、交互設計是什(shén)麽?
交互設計 Interaction Design 也(yě)被成爲 IXD。交互設計建立起了(le)人(rén)與計算(suàn)機便捷溝通(tōng)的(de)通(tōng)道,它的(de)目标是創造可(kě)用(yòng)性和(hé)用(yòng)戶體驗俱佳的(de)産品。作爲 UI設計師,我們在工作之中經常會對(duì)接交互設計師和(hé)産品經理(lǐ),他(tā)們具有豐富的(de)交互知識和(hé)經驗。那是不是我們作爲 UI設計師,就隻需要專心做(zuò)好視覺層面的(de)工作而不需要了(le)解交互設計了(le)呢(ne)?當然不是,在視覺設計層面更多(duō)地考慮布局和(hé)交互原則才可(kě)以讓我們的(de)界面更友好,視覺設計師是交互設計中非常重要的(de)角色。
二、用(yòng)戶體驗
在工作中經常聽(tīng)到 UED(用(yòng)戶體驗設計)和(hé) UCD(以用(yòng)戶爲中心的(de)設計),可(kě)見互聯網行業非常重視用(yòng)戶體驗,而用(yòng)戶體驗絕不僅僅是要樣子好看。有些設計師隻關注視覺層面,認爲産品戰略等用(yòng)戶體驗維度和(hé)自己的(de)設計無關,那麽就會和(hé)産品經理(lǐ)等角色處于不同的(de)世界了(le)。「他(tā)們爲什(shén)麽要我這(zhè)麽改?」、「爲什(shén)麽這(zhè)裏文字要淺一點?」有時(shí)不理(lǐ)解對(duì)方的(de)思考角度就會造成争執。用(yòng)戶體驗(User Experience)是用(yòng)戶使用(yòng)産品的(de)心理(lǐ)和(hé)感受,用(yòng)戶體驗體現了(le)産品設計以人(rén)爲本的(de)設計精神。其實早在互聯網出現之前就有「顧客先點雞就先有雞」、「顧客就是上帝」這(zhè)種說法,并且西方很多(duō)大(dà)公司如施樂(yuè)、聯合利華等大(dà)公司早在互聯網行業出現之前就已經開始進行研究用(yòng)戶體驗了(le),可(kě)見用(yòng)戶體驗對(duì)所有産品是多(duō)麽的(de)重要。但是讓人(rén)摸不著(zhe)頭腦(nǎo)的(de)是,用(yòng)戶體驗有時(shí)非常地主觀。因爲用(yòng)戶體驗背後影(yǐng)響用(yòng)戶的(de)因素有人(rén)的(de)喜好、情感、印象、心理(lǐ)反應等,有些人(rén)明(míng)明(míng)有摩拜卻要走很遠(yuǎn)找 OFO,也(yě)有人(rén)隻吃(chī)肯德基而不吃(chī)麥當勞。這(zhè)些選擇并不是優勝劣汰,而是有背後的(de)原因的(de)。要想讓我們的(de)産品被人(rén)喜歡,我們需要研究用(yòng)戶。
三、用(yòng)戶研究七種方法
但用(yòng)戶可(kě)能是幾百萬人(rén)呢(ne)!我們面對(duì)這(zhè)樣抽象的(de)群體然後告訴自己要以他(tā)們爲中心設計這(zhè)多(duō)麽抽象啊。這(zhè)麽多(duō)用(yòng)戶甚至有時(shí)用(yòng)戶自己的(de)聲音(yīn)也(yě)是矛盾的(de)。我們到底怎麽樣了(le)解用(yòng)戶的(de)心聲呢(ne)?一般有以下(xià)幾種方法: 用(yòng)戶畫(huà)像、用(yòng)戶訪談、 問卷調查、焦點小組、可(kě)用(yòng)性測試、眼動測試、用(yòng)戶反饋和(hé)大(dà)數據分(fēn)析。
四、用(yòng)戶如何使用(yòng)産品
1. 使用(yòng)場(chǎng)景
剛才我們介紹了(le)用(yòng)戶使用(yòng)的(de)場(chǎng)景是根據産品的(de)功能和(hé)平台決定的(de)。電腦(nǎo)的(de)使用(yòng)場(chǎng)景是正襟危坐(zuò),手持鼠标。而移動端則是随時(shí)随地使用(yòng),我們的(de)用(yòng)戶可(kě)能在地鐵裏、在廁所裏、在吃(chī)飯時(shí)、在上課中怕老師看到把手機藏在桌洞裏、在工作中領導巡視後偷偷瞄、在輾轉反側睡(shuì)不著(zhe)的(de)時(shí)候沒有開燈地浏覽等。這(zhè)時(shí)我們要爲用(yòng)戶考慮,如果他(tā)們在使用(yòng)我們産品的(de)各種場(chǎng)景中有什(shén)麽需要,是不是需要省流量、是不是需要調整字号、是不是需要過濾藍光(guāng)、是不是需要護眼模式、是不是不方便看視頻(pín)、是不是需要緩存視頻(pín)、是不是界面目前單手不太友好、是不是掃二維碼時(shí)需要個(gè)手電功能、是不是需要語音(yīn)提醒、是不是需要清除訪問記錄。
2. 操作手勢
網頁設計所處的(de)電腦(nǎo)端目前主要還(hái)是依靠鼠标點擊來(lái)操作。鼠标點擊的(de)最小單位甚至可(kě)以是一像素。而移動端不太一樣,移動端設備中我們使用(yòng)手指來(lái)操作界面。一般來(lái)說,手指點觸區(qū)域最小尺寸爲7×7mm,拇指最小尺寸爲9×9mm。也(yě)就是在我們@2x設計中爲88px(或44pt)。這(zhè)個(gè)神奇的(de)88PX在移動端應用(yòng)很廣泛:很多(duō)表單單項的(de)高(gāo)度是88px、導航欄高(gāo)度也(yě)是88px等等。
除了(le)點擊區(qū)域,移動端還(hái)可(kě)以利用(yòng)各種手勢來(lái)進行各種操作的(de)設計。主要的(de)手勢有:單點觸碰、拖曳、快(kuài)速拖曳、滑動、雙擊、伸展、長(cháng)按等。

 
APP開發 網站開發 産品設計 微信公衆号 APP開發公司 用(yòng)戶體驗 APP運營 微信小程序 産品經理(lǐ) 網站設計