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