想要讓你的產(chǎn)品成為常青樹，運(yùn)營是一方面，設(shè)計(jì)更是基礎(chǔ)。無論如何，都需要讓產(chǎn)品跟隨時(shí)代，而不是用過時(shí)的功能或者設(shè)計(jì)來應(yīng)付了事。

作為一個(gè)APP設(shè)計(jì)者，我們需要每隔一段時(shí)間，審視現(xiàn)在的設(shè)計(jì)是否過時(shí)、簡潔，能夠?yàn)橛脩籼峁┳钣行У挠脩趔w驗(yàn)。

當(dāng)時(shí)的產(chǎn)品設(shè)計(jì)可能基于技術(shù)原因或其他目的具有一定的時(shí)效性，因此有必要保持你設(shè)計(jì)的APP看起來總是新鮮和跟隨時(shí)代的，而不是被過時(shí)的功能或設(shè)計(jì)壓得喘不過氣來。

本文將介紹一些觀點(diǎn)，希望在你設(shè)計(jì)APP時(shí)可以幫助到你。

一、減少利用FOMO心理的組件

市場營銷人員、KOL和設(shè)計(jì)師會(huì)利用用戶“FOMO”（Fear of Missing Out）的心理。

然而，你知道它會(huì)對用戶的心態(tài)造成多大的損害（更不用說用戶因此對品牌的不信任）嗎？

我們最常見的利用用戶的FOMO心理，在APP上設(shè)計(jì)“倒計(jì)時(shí)”這樣的組件，進(jìn)而創(chuàng)造一種緊迫感。當(dāng)你看到時(shí)間一點(diǎn)點(diǎn)的流逝，也就意味著機(jī)會(huì)在一點(diǎn)點(diǎn)的錯(cuò)過，那你是否要趕快行動(dòng)了呢？

例如，這是ToonBlast APP：

ToonBlast游戲應(yīng)用程序有多個(gè)“倒計(jì)時(shí)”按鈕，用戶會(huì)產(chǎn)生緊迫感和機(jī)會(huì)流失感。

更重要的是，那些“滴答作響的倒計(jì)時(shí)”，對于那些禁不住點(diǎn)擊這些按鈕以防自己錯(cuò)過機(jī)會(huì)的用戶來說是一場噩夢。

而對于那些忽略這些“倒計(jì)時(shí)”的用戶，他們也不會(huì)完全不受“倒計(jì)時(shí)”的影響。這個(gè)游戲還為每個(gè)倒計(jì)時(shí)按鈕進(jìn)行彈出式的提醒，這樣用戶就更加不可能忽略它們。

即使每個(gè)倒計(jì)時(shí)的提醒都是作為推送通知，而不是直接彈出窗口發(fā)送的，但這仍然對用戶的體驗(yàn)不利。因?yàn)闋帄Z用戶注意力的事情太多了，每個(gè)時(shí)鐘都像是定時(shí)炸彈。

給使用APP的用戶更多參與的理由是個(gè)好主意，尤其是在產(chǎn)品難以吸引和留住用戶的情況下。但是，如果產(chǎn)品確實(shí)存在這個(gè)問題，那么你首先需要改進(jìn)產(chǎn)品。

產(chǎn)品的設(shè)計(jì)應(yīng)該擺脫無利的FOMO組件，并使設(shè)計(jì)更加簡化和有吸引力。

我們可以向Instagram學(xué)習(xí)，看他們是如何設(shè)計(jì)的。

Instagram的用戶在與世界分享自己的內(nèi)容時(shí)，也關(guān)注著自己follow的用戶的動(dòng)態(tài)。從頁面頂部的“Story”欄中可以看到，Instagram并非完全沒有利用“FOMO”。

但是，這些“Story”的顯示方式并沒有真正緊迫的要求。它們也不會(huì)占用APP太多的空間（不同于Facebook處理它的方式），也沒有任何警報(bào)說：“嘿！某某的故事即將到期！請立即觀看！”也就是說，Instagram致力于消除APP中的FOMO的有害影響，例如去掉類似的計(jì)時(shí)器。

二、請求訪問權(quán)限的方式

與移動(dòng)網(wǎng)站和PWAs（小程序）不同，APP能夠讓同意接受推送通知的用戶看到推送。但這也是問題所在，當(dāng)產(chǎn)品彈出推送通知（或訪問通訊錄）的請求時(shí)，你的用戶必須按“YES”或“NO”確定。

那么，如何讓更多的用戶愿意去做這些事情，而不是不斷地逼迫他們?nèi)プ鲞@些事情呢?

有些產(chǎn)品還沒有意識到這一點(diǎn)，以Snapchat為例：

這是一款在獲取用戶權(quán)限時(shí)做得太過火的應(yīng)用程序，APP想同時(shí)獲取以下權(quán)限:

• 發(fā)送推送通知；
• 使用相機(jī)；
• 使用麥克風(fēng)；
• 訪問保存的照片；
• 啟用位置跟蹤。

當(dāng)用戶登錄APP時(shí)，它首先會(huì)發(fā)送大量的請求，而不是在相關(guān)的情況下請求訪問，這是為用戶創(chuàng)建友好環(huán)境的錯(cuò)誤做法。

一種更好的請求訪問或權(quán)限的方法是將它放在應(yīng)用程序的上下文中，并且只在它有意義的時(shí)候提醒用戶。

我們可以看這幾個(gè)例子：

這是ParkWhiz的應(yīng)用程序，ParkWhiz會(huì)適時(shí)地提醒用戶啟用位置跟蹤的好處。

查看底部的“HELP US FIND YOU”部分，ParkWhiz不僅溫和地提醒用戶在他們的設(shè)備上啟用位置跟蹤功能，而且還解釋了這樣做的好處。

我們還要注意的是，這并不是以彈出窗口的方式顯示的。相反，它位于應(yīng)用程序中的底部，當(dāng)啟用這項(xiàng)功能時(shí)，它可以幫助簡化搜索體驗(yàn)。

YouTube在這方面也做得比較好，YouTube會(huì)顯示一個(gè)小的工具欄以提醒用戶打開通知。

在上圖中，YouTube在禁用的通知圖標(biāo)上短暫地出現(xiàn)一個(gè)訂閱提示通知:

“You’re missing out on subscriptions! Tap the bell to turn on notifications.”

這種處理方式很好，它讓用戶停下來思考他們錯(cuò)過或遺漏了什么，而不是匆忙關(guān)閉另一個(gè)彈出的窗口。這也不會(huì)強(qiáng)迫他們?yōu)樗械囊曨l打開推送，他們可以自定義接收哪些通知。

推送通知對用戶是有所幫助的，同時(shí)產(chǎn)品訪問用戶的手機(jī)是為了提升他們的體驗(yàn)。這就是為什么在合適的環(huán)境下，請求他們主動(dòng)配合來啟用這些特性是很重要的。

與其在安裝或打開應(yīng)用程序的一開始就用一個(gè)接一個(gè)的請求轟炸它們，不如在體驗(yàn)中把它們作為內(nèi)聯(lián)元素交付。

三、去掉不必要的圖標(biāo)

需要說明的是，我們在這里提到的是不必要的圖標(biāo)，而不是指去掉所有的圖標(biāo)。應(yīng)用程序的圖標(biāo)可以幫助用戶更好的理解按鈕的功能，就像導(dǎo)航欄一樣。

然而，我最近注意到一個(gè)令人擔(dān)憂的趨勢，即應(yīng)用程序?qū)⒚總€(gè)頁面或標(biāo)簽與一個(gè)匹配的圖標(biāo)配對。造成此問題的原因有很多，以GEICO APP為例，GEICO APP主頁有一個(gè)服務(wù)列表模塊，并配有圖標(biāo)：

這個(gè)主頁讓用戶可以方便地利用他們的汽車保險(xiǎn)和相關(guān)服務(wù)。

不過，讓我們關(guān)注一下“車輛故障”部分，一共有四個(gè)標(biāo)簽：

• 拖車圖標(biāo)代表的緊急路邊服務(wù)；
• 用一輛看起來像是撞車標(biāo)志的車來代表新的索賠；
• 以擋風(fēng)玻璃上有裂痕的汽車代表玻璃損壞上報(bào)；
• 查看由帶有字母“C”的剪貼板表示的最近索賠。

圖標(biāo)并不是很容易被用戶理解（拖車除外），我不確定它們是否在這里增加了任何價(jià)值。如果你想不出什么比將字母“C”放在剪貼板上代表索賠更好的話，也許這里根本就不需要圖標(biāo)。

接下來，讓我們看一下GEICO APP的設(shè)置導(dǎo)航頁，GEICO APP的導(dǎo)航欄將每個(gè)頁面與一個(gè)圖標(biāo)配對：

這里有很多設(shè)置頁面，不僅如此，它們還不是你通常在其他移動(dòng)應(yīng)用程序中看到的那種頁面，因此設(shè)計(jì)師不得不創(chuàng)造性地將它們與圖標(biāo)配對。

如果此導(dǎo)航欄沒有圖標(biāo)，我認(rèn)為通讀這些選項(xiàng)會(huì)容易得多。主頁也是如此，沒有圖標(biāo)的話我們可以增大字體，因此用戶焦點(diǎn)可能完全放在頁面名稱上，用戶可以更快地獲取他們所需的信息?，F(xiàn)在看來，這些圖標(biāo)只是浪費(fèi)空間。

讓我們看另一個(gè)例子。

Rover是一款寵物主人可以用來預(yù)訂照顧寵物服務(wù)的應(yīng)用程序，在該應(yīng)用程序中，很少使用圖標(biāo)來區(qū)分不同的服務(wù)，也很少使用圖標(biāo)來標(biāo)記導(dǎo)航欄。

我不認(rèn)為這個(gè)頁面上的圖標(biāo)對于加速用戶的選擇是必要的，也就是說，我不認(rèn)為圖標(biāo)會(huì)減少按鈕文本的內(nèi)容，因?yàn)槊總€(gè)選項(xiàng)都清楚地用粗體描述。但是，這些圖標(biāo)很好地平衡了按鈕，所以中間沒有巨大的空白。

現(xiàn)在，讓我們看看在“More”選項(xiàng)卡都有什么:

注意“Rover”的純文字內(nèi)容列表，考慮到這些設(shè)置在各個(gè)APP之間的普遍性，將圖標(biāo)添加到每個(gè)應(yīng)用程序已經(jīng)很容易了，但是設(shè)計(jì)師選擇不使用它們，我認(rèn)為這是一個(gè)不錯(cuò)的決定。

因?yàn)閳D標(biāo)發(fā)揮作用是有特定的環(huán)境要求的，所以是時(shí)候取消利用圖標(biāo)在你的應(yīng)用中標(biāo)記一個(gè)二級導(dǎo)航菜單了。

四、減小首頁的長度

在網(wǎng)頁設(shè)計(jì)中，由于需要更有效的移動(dòng)端適配體驗(yàn)，因此我們看到的首頁要比過去短得多。

那么，為什么我們在APP設(shè)計(jì)中不做這些事情呢？

有些APP（例如約會(huì)類APP、游戲類APP等）不存在這個(gè)問題，但是在某些情況下，可以無休止地滾動(dòng)首頁的APP也是存在的（例如新聞和社交媒體類APP）。

對于清單類APP（例如旅游類），我們應(yīng)該如何設(shè)計(jì)呢？

這是Airbnb APP:

該頁面的這一部分做得很好，包含了用戶想要查找的內(nèi)容：

• 搜索欄；
• 要瀏覽的旅行類別列表；
• 快速鏈接到最近的搜索查詢。

但出于某種原因，Airbnb更改了這個(gè)首頁，應(yīng)用程序的首頁上包含十幾個(gè)部分的內(nèi)容，以便用戶不斷地進(jìn)行瀏覽，其中包括:

• 頂級體驗(yàn)；
• Airbnb PLus的住宿地；
• 介紹Airbnb冒險(xiǎn)；
• 世界各地的住宿地；
• 精選的Airbnb Plus目的地；
• 和房屋主人在一起；
• 下一次旅行的獨(dú)特住宿地點(diǎn)；
• 探索紐約市。

我不確定這里的邏輯是什么，雖然我理解你希望通過向用戶提供有用的建議來幫助他們，但這太過分了。這并不是根據(jù)用戶的個(gè)人資料或最近的搜索個(gè)性化推薦的內(nèi)容。，這些只是一些類別的零散組合，這樣過多的選擇將使用戶不知所措。

如果你開發(fā)的APP遇到類似問題，Hotels.com或許可以給你一些啟發(fā)：

與Airbnb不同，Hotels.com的主頁“Discover”頁面很短，只需滑動(dòng)幾下即可到達(dá)頁面底部。

用戶可以查看以下部分：

• 最近的搜索；
• 城市指南（基于最近的查詢）；
• 最后一次的交易；
• 當(dāng)前預(yù)訂；
• Hotels.com獎(jiǎng)勵(lì)積分（如果有）。

在大多數(shù)情況下，內(nèi)容與用戶100％相關(guān)，而不僅僅是宣傳應(yīng)用程序的所有服務(wù)或功能。

如果你真的希望用戶從看到所有可能的功能中受益，請為其創(chuàng)建輔助導(dǎo)航欄。這樣，他們就可以快速瀏覽選項(xiàng)并選擇他們最感興趣的。

當(dāng)你給他們一個(gè)沒完沒了的主頁滾動(dòng)瀏覽功能，并且需要單擊太多的列表和按鈕時(shí)，你只會(huì)使他們更難采取行動(dòng)。

五、APP廣告的設(shè)計(jì)

APP可以通過第三方的廣告盈利，但是不合理地設(shè)立第三方廣告出現(xiàn)的形式，這可能會(huì)毀掉你犧牲一切才達(dá)到的極致APP體驗(yàn)。

但是，當(dāng)你的一個(gè)用戶對廣告有不好的體驗(yàn)時(shí)，他們不會(huì)考慮這可能是廣告主的要求。相反，他們會(huì)考慮：“如果再看到這樣的廣告，我就會(huì)卸載此應(yīng)用?！?/p>

讓我給你展示一些廣告的例子，看這些例子是如何挑戰(zhàn)用戶極限的。

這是Wordscapes，我非常喜歡的游戲應(yīng)用程序：

起初Wordscapes應(yīng)用程序底部的橫幅廣告被截?cái)啵]有整個(gè)充滿屏幕寬度），視頻廣告每隔幾輪才出現(xiàn)一次。而且，它們也很容易被關(guān)掉。

但是，在過去的一年左右的時(shí)間里，廣告質(zhì)量大幅度下降。

以上面的橫幅廣告為例，這實(shí)際上是一個(gè)視頻廣告，視頻不斷地播放，影響用戶的注意力；另外，廣告的色彩和游戲的整體色彩也不搭配。

現(xiàn)在，我將向你展示一些我遇到的更具欺騙性的廣告。

這是Showtime為《Shameless》做的廣告:

看到右上角的數(shù)字“5”嗎？這是一個(gè)倒數(shù)計(jì)時(shí)器，該計(jì)時(shí)器告訴用戶必須等待多長時(shí)間才能關(guān)閉廣告。

但是，當(dāng)計(jì)時(shí)器結(jié)束時(shí)，將顯示以下圖標(biāo)：

計(jì)時(shí)器變?yōu)椤?”并由該按鈕代替，APP用戶在觀看廣告時(shí)習(xí)慣使用傳統(tǒng)的“X”退出視頻，因此他們可能沒有意識到這個(gè)按鈕會(huì)將他們帶回游戲中。

實(shí)際上，用戶可能會(huì)將這個(gè)“下一個(gè)”符號誤解為“播放”按鈕，并完整地觀看廣告。Showtime為用戶提供了一個(gè)出口，這是一種進(jìn)步，但如果圖標(biāo)與其他視頻廣告關(guān)閉的方式保持一致，那就更好了。

還有一個(gè)針對DoorDash的廣告：

DoorDash廣告包含兩個(gè)“X”按鈕，用戶會(huì)以為允許他們立即退出廣告。但是，事實(shí)并非如此。

注意在右上角有兩個(gè)X，其中一個(gè)是假的（只是一個(gè)“X”符號），而另一個(gè)是你用來關(guān)閉廣告的“X”。

第一次看到此消息時(shí)，我想單擊正確的“X”，同時(shí)希望我的手指足夠小，可以不觸碰到假目標(biāo)。

然而，我按下這個(gè)按鈕后，進(jìn)入到了這個(gè)頁面：

用戶將從Wordscapes應(yīng)用程序中退出，并嘗試將用戶引導(dǎo)至應(yīng)用程序商店。點(diǎn)擊“取消”并等待DoorDash廣告再停留五秒鐘后，新的“X”將顯示在右上角：

在這一點(diǎn)上，我無法想象用戶會(huì)對DoorDash或Wordscapes感到滿意。

這些不良廣告和營利中黑暗模式的例子也只是冰山一角，還有一些更過分的廣告：

• 不提供計(jì)時(shí)器或廣告結(jié)束時(shí)間的指示；
• 切換“ X”的位置，以使用戶無意間點(diǎn)擊廣告而不是離開廣告；
• 即使關(guān)閉設(shè)備的聲音，也會(huì)自動(dòng)播放聲音。

六、總結(jié)

APP設(shè)計(jì)要擺脫無用的、甚至是有害的設(shè)計(jì)元素或技術(shù)，如果你很難擺脫這些多余的東西，建議你重新評估產(chǎn)品。

如果它本身還不夠強(qiáng)大，不能以最簡單的形式獨(dú)立存在，那么是時(shí)候重新開始設(shè)計(jì)設(shè)計(jì)你的產(chǎn)品了。

作者：Suzanne Scacca

原文鏈接：https://www.smashingmagazine.com/2019/12/things-stop-doing-mobile-app-design/

譯者：Kris，譯者公眾號：Kris產(chǎn)品成長之路

本文由 @Kris 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議