“App產(chǎn)品交互在設(shè)計階段的最關(guān)鍵環(huán)節(jié)是什么?”
“導(dǎo)航”
“為什么?”
“對于互聯(lián)網(wǎng)產(chǎn)品來說:導(dǎo)航,并不是產(chǎn)品的組成部分,導(dǎo)航,就是產(chǎn)品本身。”
-互聯(lián)網(wǎng)產(chǎn)品是實體產(chǎn)品的進化,二者本質(zhì)相同,都需要節(jié)能高效的傳遞信息。
我們打開手機app,就像走入超市買一包薯條。二者都希望用戶實現(xiàn)目標(biāo),從而變現(xiàn)。
-然而,實體場景可以提供更多維度的體驗信息,人在其中可以綜合判斷自身與目標(biāo)的關(guān)系。假如我要買一包薯條,發(fā)現(xiàn)身邊所見都是電鉆和螺絲刀,我會猜想此處離薯條還很遠(yuǎn)。但如果我走著走著看到了果凍,雖然它不是薯條,但我知道已經(jīng)很近了。
我們可以在現(xiàn)實中綜合判斷空間,如下圖
現(xiàn)實中的導(dǎo)航存在于各種環(huán)節(jié)之中。
-互聯(lián)網(wǎng)產(chǎn)品導(dǎo)航與上述內(nèi)容產(chǎn)別很大。在網(wǎng)站中,我們無法通過物理判斷明確感知到網(wǎng)頁界面到底有多大,不知東南西北,不了解產(chǎn)品的深度和層級,參照物在虛擬中的作用喪失。造成焦慮感和不安全感。在這種情況下,產(chǎn)品使用只能依靠導(dǎo)航,沒有導(dǎo)航就沒有產(chǎn)品。
-導(dǎo)航的存在能讓用戶快速找到“他的薯片”,因此在設(shè)計前必須進行用戶研究,明確產(chǎn)品真正的價值信息,這才是產(chǎn)品存活下去的根源。這個內(nèi)容我以后找機會用視頻課程的形式講清,再此不展開。
-為了能更好的利用導(dǎo)航,我來介紹兩個常見的APP導(dǎo)航形式:
宮格式導(dǎo)航 / 舵式(隱喻式)導(dǎo)航
選他們是因為在具體的使用中,他們的錯誤率最高的。
首先我們先來看一下他們都是誰
宮格導(dǎo)航左一 / 舵式導(dǎo)航 中(分別是默認(rèn)和點開(那個加號)效果) / 標(biāo)簽導(dǎo)航右一
宮格導(dǎo)航,是最容易被濫用的導(dǎo)航,也是最常見的導(dǎo)航。
幾乎所有的智能手機桌面都是宮格導(dǎo)航,它適用于 5個以上平級獨立入口的同步展示 ,入口分類必須獨立。
它的優(yōu)點在于可以高效的展示少量內(nèi)容,但如果入口數(shù)量超過7+2個,就會造成噪聲(這也是為什么蘋果圖標(biāo)合集數(shù)量為9),使人無法找到內(nèi)容造成焦慮。(在手機里找到一個次頻的APP其實不容易)
-因此如果使用多宮格導(dǎo)航,必須建立在合理的分組基礎(chǔ)之上。支付寶區(qū)塊分組如圖
合理的分組來自對業(yè)務(wù)的了解,這是突破設(shè)計師所謂“瓶頸”的最快法門。
綜上所述,宮格導(dǎo)航
優(yōu)勢:可以高效展示多個平級高頻獨立入口。
劣勢:多于9個會造成噪聲,需要通過合理分組降噪。
舵式導(dǎo)航(隱喻式導(dǎo)航):
很多人誤解了這種導(dǎo)航的真正用途,覺得把一些功能藏起來讓用戶無意中發(fā)現(xiàn)是一件很幽默很有創(chuàng)意的事情,這種幼稚的行為會直接影響到用戶使用產(chǎn)品的效率,造成體驗度的下滑。
-舵式導(dǎo)航使用形式很類似 動畫片哆啦A夢ドラえもん的任意門,能快速鏈接其他頁面的主要功能,最典型的就是微信首頁的右上“+”號,它集合了次頁面的高頻功能,提供快速的穿越方案,提升效率。
-使用舵式導(dǎo)航,最重要的是分析用戶在當(dāng)下頁面中最可能用到哪些 輔助功能,能讓這些內(nèi)容能在不搶主功能聚焦的前提下,以隱喻的形式展示在用戶眼前。
APP產(chǎn)品導(dǎo)航除上述兩種之外,還有標(biāo)簽導(dǎo)航、抽屜導(dǎo)航、組合導(dǎo)航、TAB 導(dǎo)航、輪循導(dǎo)航、后期課程慢慢補上。
更多關(guān)于影視剪輯培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗,采用全程面授高品質(zhì)、高體驗培養(yǎng)模式,擁有國內(nèi)一體化教學(xué)管理及學(xué)員服務(wù),助力更多學(xué)員實現(xiàn)高薪夢想。