那些被濫用的國外App交互設(shè)計(jì),你用過沒?

1 評論 16561 瀏覽 117 收藏 6 分鐘

一直以來,國外在產(chǎn)品設(shè)計(jì),尤其是交互設(shè)計(jì)方面,一直屬于領(lǐng)先狀態(tài),經(jīng)常會有一些操作起來比較驚艷的App進(jìn)入我們的視野。比如私密社交App Path、Todo工具App Clear 等。但是,驚艷不等于實(shí)用,畢竟,對于一款產(chǎn)品來說,交互的作用是引導(dǎo)用戶更好的使用產(chǎn)品,而不是耍花架子。所以,在這里,我們就談幾個(gè)驚艷但不實(shí)用的例子,以儆效尤。

一、抽屜式導(dǎo)航

QQ截圖20150923162248

抽屜式導(dǎo)航”是Facebook 2013年首次推出,因?yàn)镻ath在國內(nèi)的傳播而被產(chǎn)品設(shè)計(jì)界廣為所知,而后,在Android設(shè)計(jì)規(guī)范中,它也成為標(biāo)準(zhǔn)的導(dǎo)航方式的一種(Navigation Drawer)。

它的優(yōu)勢是 ?可以承載的更多的分類,頁面看著簡潔。但是?劣勢也是非常明顯

首先,就是用戶容易 “忘記”,忘記還有什么分類,忘記哪里可以找到分類,這兩點(diǎn)對點(diǎn)擊轉(zhuǎn)化率的影響都是致命的(相比而言,它的優(yōu)勢幾乎可以忽略)。

其次,它和傳統(tǒng)的 Tab式導(dǎo)航比,切換操作上要多一步。

Path 最新版已經(jīng)不使用抽屜式導(dǎo)航,國內(nèi)的幾家較早嘗試抽屜式導(dǎo)航的App,比如 豌豆莢、今日頭條、網(wǎng)易新聞 等,也都在新版本中改回Tab式導(dǎo)航。

有人說,哎你看有些App右上角點(diǎn)擊,展開個(gè)人中心抽屜或者設(shè)置中心選項(xiàng)抽屜,也是很舒適。那是因?yàn)椋@種是抽屜式頁面,而不是抽屜式導(dǎo)航。

抽屜式頁面 ? 是視覺設(shè)計(jì)層面概念,抽屜式導(dǎo)航是交互設(shè)計(jì)層面的概念,完全不同。

國外有一篇文章,仔細(xì)通過A-B Test來得出類似結(jié)論,有興趣的同學(xué)可以自行搜索一下:

《UX designers: Side drawer navigation could be costing you half your user engagement》

二、瀑布流式列表

QQ截圖20150923131405

瀑布流式列表?我最早是在Pinterest上看到,確實(shí)比較驚艷。而后,國內(nèi)就開始有大量瀑布式列表的學(xué)習(xí)者。但是,在模仿過程中,卻忽略了一個(gè)問題,那就是 什么樣的內(nèi)容適合瀑布式?

瀑布式的好處是可以讓用戶在瀏覽過程中,有種視覺上的連續(xù)感,防止產(chǎn)生心理上的疲勞。但是,這種連續(xù)感,僅限于圖片,而且是,快速瀏覽圖片的場景。

有人說,電影節(jié)目列表中,電影海報(bào)就是圖片啊,那也應(yīng)該適合瀑布流?。窟@個(gè)錯(cuò)就錯(cuò)在,用戶在尋找電影內(nèi)容時(shí),是不能只看海報(bào)就下決定的,他還是需要去閱讀電影名字標(biāo)題等。一旦他被這個(gè)過程打斷,那么,瀑布流的意義就消失,而且,參差不齊的文字行,對用戶閱讀也是災(zāi)難。

所以,瀑布流列表,適用場景是純粹的圖片選擇場景(電影圖集,設(shè)計(jì)稿圖集等)。

三、動態(tài)頂部/底部欄

無標(biāo)題

這種交互,記不清是不是最早在哪個(gè)App上見到的。它的優(yōu)勢是用戶瀏覽過程中,頁面可視空間變大,可看到的內(nèi)容變多,另外,頁面沒有上下限制,讓人看著更舒適。缺點(diǎn)是 用戶想進(jìn)行上下欄的操作時(shí),需要向上滑動或者停止操作一會兒,等待上下欄出現(xiàn)。導(dǎo)致操作的不流暢以及功能的不直觀。

對于這種交互設(shè)計(jì),在我看來都是過設(shè)計(jì),本質(zhì)和 1 是一樣的,都是因小失大。尤其是在大屏幕橫行的今天,瀏覽空間根本不是問題。

以上3條誤區(qū)都可以總結(jié)出一個(gè)相同的結(jié)論:UE中,操作舒適 大于 視覺舒適,因?yàn)榍罢呤强陀^的邏輯,后者是主觀的感受。

 

本文由 @石頭的假設(shè) ?(微信公眾號:deer_hunting ) 原創(chuàng)發(fā)布于 人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 第三種其實(shí)還好,滾動停下就恢復(fù)顯示頂部、底部欄,對用戶的操作影響不大

    來自北京 回復(fù)