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

浩瀚
17 評論 37790 瀏覽 268 收藏 9 分鐘

交互設(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)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 手勢是從左往右滑動才是返回上一級,而不是從右往左

    來自美國 回復(fù)
  2. NICE,不錯的DEMO,學(xué)習(xí)了

    來自廣東 回復(fù)
  3. 公說公有理 婆說婆有理的事情,能方便操作就行。本無形

    回復(fù)
    1. 用戶習(xí)慣被前輩養(yǎng)成,沒有照做改變了用戶習(xí)慣就會付出新手引導(dǎo)的代價(jià)

      來自北京 回復(fù)
  4. Nice

    回復(fù)
  5. 總結(jié)的很有針對性,作為設(shè)計(jì)人員雖然設(shè)計(jì)自由,但大體上還是要提供給用戶正確的選擇,請問你對于誤點(diǎn)帶來收益的行為怎么看

    回復(fù)
  6. 不錯~ 學(xué)習(xí)了

    回復(fù)
    1. 有幫助就好

      回復(fù)
  7. 說的倒是對,實(shí)際上就不是那么回事了,想要的效果都實(shí)現(xiàn)不了

    來自北京 回復(fù)
    1. 項(xiàng)目流程就是這樣,從能用到好用再到離不開用是個(gè)過程

      回復(fù)
    2. 怎么讓那些固執(zhí)的程序員做這些交互?他們認(rèn)為這些都沒用

      來自北京 回復(fù)
    3. 讓老板和員工一起看看前兩篇,創(chuàng)業(yè)失敗教訓(xùn):如何把老板的幻想落地

      回復(fù)
    4. 對呀,要怎么說服前端啊,總覺得這些設(shè)計(jì)既麻煩又復(fù)雜

      來自北京 回復(fù)
    5. 一切都是因?yàn)轫?xiàng)目從來不會考慮交互所到來的開發(fā)時(shí)間,交互從來是第一個(gè)被砍掉的需求

      來自廣東 回復(fù)
  8. 故意設(shè)置讓用戶誤點(diǎn)花錢的交互。確定沒人在乎嗎?可能是適用于直播吧。我覺得正常這樣的設(shè)置會讓我非常反感。

    回復(fù)
    1. 誤點(diǎn)花錢的App,大部分是游戲類。是一種現(xiàn)象,不能被忽略的一個(gè)事實(shí)。

      來自北京 回復(fù)
  9. ?? 謝謝分享

    來自北京 回復(fù)
专题
14772人已学习13篇文章
本文作者总结了那些踩过的坑,为大家详细的罗列出了规范的产品管理流程及规范。
专题
13264人已学习14篇文章
各种大模型和AI绘画的产品层出不穷,在各行业也在尝试进行应用。在这个阶段,AIGC能实现些什么?本专题的文章分享了AIGC的应用。
专题
49348人已学习14篇文章
产品经理往往会承担一定的项目管理职能,那么该如何做好项目管理呢?
专题
16538人已学习16篇文章
私域模式已完成从探索到落地的转换,许多企业也纷纷落局。而基于私域衍生出的SCRM工具,也成为私域运营必不可少的利器之一。本专题的文章分享了SCRM工具的搭建以及相关业务运用场景。
专题
55239人已学习12篇文章
据说70%的问题都是沟通问题,沟通能力对产品经理太太太重要了。
专题
12960人已学习12篇文章
产品立项,对于产品来说是其生命周期中最基础的和最重要的阶段。产品立项都有哪些主要工作?本专题的文章分享了产品立项指南。