APP交互設(shè)計(jì),需要注意五點(diǎn)事項(xiàng)

交互設(shè)計(jì)這個(gè)詞最早提出來是在1927-1970年,那個(gè)時(shí)候只是個(gè)初創(chuàng)期。后續(xù)隨著時(shí)間推移,互聯(lián)網(wǎng)和機(jī)器的發(fā)展,這幾年開始被人重視這個(gè)交互設(shè)計(jì)。很多公司專門成立個(gè)部門叫UED,聽起來很嚇人,設(shè)計(jì)師沒有接觸過,不知道是什么東西,具體里面有哪些核心內(nèi)容?其實(shí)說白了就是把人,機(jī)器和界面相融合,做到順其自然,順理成章,不要反其道而行,逆天反人類。
交互設(shè)計(jì)注意事項(xiàng)
1. 樹形結(jié)構(gòu),做產(chǎn)品交互的邏輯關(guān)系就要像自然生長的大樹,樹干、樹枝和樹葉越往內(nèi)部交互就要越少,不能在樹葉上長了顆大樹。
通常情況下很容易理解,交互設(shè)計(jì)與功能復(fù)雜度相聯(lián)系,就像大樹一樣,界面展示一開始的時(shí)候是樹根 樹干 樹枝和一片小樹葉,功能點(diǎn)一點(diǎn)點(diǎn)變小,減弱。但是有時(shí)候我們在用app的時(shí)候會在一個(gè)很不明顯的地方有一個(gè)大功能,就像發(fā)現(xiàn)新大陸一樣,我不說這個(gè)對還是錯,如果這個(gè)新大陸是一個(gè)很重要的功能點(diǎn),那么做交互就要有新手引導(dǎo),指引用戶用這個(gè)功能,不然只有20%的用戶會發(fā)現(xiàn)此功能,埋藏越深責(zé)用戶點(diǎn)擊率會越低。如果這個(gè)功能不是很重要那么可不可以換一種形式展現(xiàn),減少功能點(diǎn)從一棵樹變成一片樹葉。
2. 大眾交互,為了追求不一樣而硬要改變的同時(shí)要做好新手引導(dǎo)。
交互的復(fù)雜多變會讓用戶摸不著頭腦,一半用戶學(xué)會這個(gè)功能需要交“學(xué)費(fèi)”,要做到市面上最普遍的形式,不要因?yàn)椴灰粯佣兊牟灰粯樱绻堑靡兙鸵阉兒?,要好新手指引,不然改變了用戶?xí)慣,給那些“小白”用戶造成困惑,甚至是流失很多潛在付費(fèi)用戶。
3. 錯覺交互,利用人性的弱點(diǎn)擴(kuò)大產(chǎn)品收入。
錯覺交互是利用人們最正常的用戶習(xí)慣來做一些用戶不想做的事情,達(dá)到研發(fā)商的目的,通常利用這種情況最多的是付費(fèi),無意間騙取用戶錢財(cái),很多用戶不會在意1元兩元的費(fèi)用打電話投訴或索要,就造成了很多研發(fā)商一款上線的產(chǎn)品會有大幾百萬的流水。
4. 深度交互
深度交互就是人機(jī)器界面又增加了機(jī)器的交互,比如:很多唱歌的app,當(dāng)你錄制歌曲的時(shí)候利用自帶的耳機(jī)錄制音樂效果會很差,不會讓歌手發(fā)揮更好就自己研究了一款麥克風(fēng),用手機(jī)這款app要配合一款外接一款機(jī)器才能達(dá)到最理想的效果
5. 本質(zhì)交互
“顧客是上帝”一定要分析用戶。每個(gè)項(xiàng)目的實(shí)用性和交互性不是在給某一個(gè)老板或者哪個(gè)制作人用,不能按照他們的想法做出他們喜歡的東西,是給用戶用。老板們用多年來的經(jīng)驗(yàn)和閱歷為依據(jù)在做事情,請不要忘記你的思想掌控不了用戶,用戶的思想你要研究甚至成為你的用戶,不然總認(rèn)為自己是金字塔上最高的人,指揮跟你混的人民戰(zhàn)斗,不深入了解用戶你指揮的永遠(yuǎn)是外走內(nèi)不走,行尸走肉一般
舉例子
直播類的APP交互匯總
1.?手指從左往右滑動屏幕時(shí)可以觀看全景視頻。
2.?當(dāng)手指上下滑動的時(shí)候可以切換視頻人物,更換他人展現(xiàn)。
3.?當(dāng)手指在屏幕上從右向左側(cè)滑動時(shí)會退回到上一級頁面
4.?當(dāng)手指點(diǎn)擊點(diǎn)贊按鈕時(shí)會出現(xiàn)很多點(diǎn)贊的圖像
5.?當(dāng)手點(diǎn)擊屏幕任何地方的時(shí)候都會出現(xiàn)新型圖案,并且新型圖案會放大會爆裂
6.?當(dāng)點(diǎn)擊個(gè)人中心按鈕時(shí)會出現(xiàn)豎半屏的設(shè)置欄
除直播間其它頁面
1.?點(diǎn)擊下方的導(dǎo)航欄按鈕會有放大縮小動一動的效果
2.?在首頁手指在屏幕上左右滑動時(shí)上面導(dǎo)航欄會左右切換,并且伴隨放大縮小
3.?點(diǎn)擊首頁或者主頁面左上角按鈕時(shí)會有些變化并且能跳轉(zhuǎn)其它頁面
4.?在加載頁面時(shí),頭像圖片會有一個(gè)從小到大的變化
5.?在加載一個(gè)頁面向下滑動時(shí),漏出的部分會有小動畫增添趣味性
6.?當(dāng)在個(gè)人中心頁面點(diǎn)住背景圖向下滑動,背景圖會隨之放大
7.?人物列表的左上角有一按鍵,點(diǎn)擊后人物列表會像抽屜一樣一次排列退出展現(xiàn)其它頁面
8.?點(diǎn)擊人物列表會出現(xiàn)編輯人物功能
總結(jié)
基本上也就這些交互效果,其它的小的變化根據(jù)不能的產(chǎn)品會有些不同,這些交互展現(xiàn)把市場上比較流行的直播軟件匯總。當(dāng)我們研發(fā)某一類App的時(shí)候,就要把市場上這一類App的交互整合起來,在其中挑出自己想要的那幾種,不但能增長知識含量也具有了很強(qiáng)的說服力。
歡迎拍磚分享。
作者:浩瀚,微信公眾號:gh_72379020ae2a 互聯(lián)網(wǎng)創(chuàng)業(yè)的坑
本文由 @浩瀚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
手勢是從左往右滑動才是返回上一級,而不是從右往左
NICE,不錯的DEMO,學(xué)習(xí)了
公說公有理 婆說婆有理的事情,能方便操作就行。本無形
用戶習(xí)慣被前輩養(yǎng)成,沒有照做改變了用戶習(xí)慣就會付出新手引導(dǎo)的代價(jià)
Nice
總結(jié)的很有針對性,作為設(shè)計(jì)人員雖然設(shè)計(jì)自由,但大體上還是要提供給用戶正確的選擇,請問你對于誤點(diǎn)帶來收益的行為怎么看
不錯~ 學(xué)習(xí)了
有幫助就好
說的倒是對,實(shí)際上就不是那么回事了,想要的效果都實(shí)現(xiàn)不了
項(xiàng)目流程就是這樣,從能用到好用再到離不開用是個(gè)過程
怎么讓那些固執(zhí)的程序員做這些交互?他們認(rèn)為這些都沒用
讓老板和員工一起看看前兩篇,創(chuàng)業(yè)失敗教訓(xùn):如何把老板的幻想落地
對呀,要怎么說服前端啊,總覺得這些設(shè)計(jì)既麻煩又復(fù)雜
一切都是因?yàn)轫?xiàng)目從來不會考慮交互所到來的開發(fā)時(shí)間,交互從來是第一個(gè)被砍掉的需求
故意設(shè)置讓用戶誤點(diǎn)花錢的交互。確定沒人在乎嗎?可能是適用于直播吧。我覺得正常這樣的設(shè)置會讓我非常反感。
誤點(diǎn)花錢的App,大部分是游戲類。是一種現(xiàn)象,不能被忽略的一個(gè)事實(shí)。
?? 謝謝分享