把建筑學(xué)應(yīng)用到產(chǎn)品設(shè)計中:循環(huán)系統(tǒng)

SXM
0 評論 10700 瀏覽 3 收藏 9 分鐘

譯者注:文章中提到的「循環(huán)系統(tǒng)」其實就是 APP 中的頁面導(dǎo)航。

2009年的春天,我畢業(yè)于建筑學(xué)院。在當(dāng)時,衰退后的經(jīng)濟已陷入了困境并且對建筑行業(yè)產(chǎn)生了很大的沖擊。因為對創(chuàng)業(yè)和科技感興趣,我冒險嘗試在一家科技創(chuàng)業(yè)公司工作。出乎意料的是,我居然愛上了這個行業(yè),5年后的今天,我成為了紐約 Percolate 公司的一名產(chǎn)品設(shè)計師。

由于職業(yè)的跨度性,我注意到建筑設(shè)計和產(chǎn)品設(shè)計之間有許多有趣的相似之處。雖然它們的媒介是不同的,但令人驚訝的是,它們的很多設(shè)計原則和工作流程都是相似的。在某種程度上,產(chǎn)品設(shè)計行業(yè)甚至可以使用建筑設(shè)計時的工具。

多年以來,我喜歡把在建筑學(xué)院學(xué)到的知識應(yīng)用到產(chǎn)品設(shè)計中。我也喜歡與朋友分享這些知識,然后觀察他們把這些想法應(yīng)用到他們的產(chǎn)品設(shè)計中。

在接下來的幾個星期,我將分享在建筑學(xué)院里學(xué)到的知識,并且向大家展示我是如何把它們應(yīng)用到我在 Percolate 公司的產(chǎn)品設(shè)計中的。

希望這個小系列的文章能讓你們感到有趣并且有幫助。讓我們開始吧!

循環(huán)系統(tǒng)

我在建筑學(xué)院里學(xué)到的最重要的知識是建筑設(shè)計中循環(huán)系統(tǒng)的重要性。

回想一下你喜歡的建筑物,為了在樓層之間移動,你需要樓梯、電梯和舷梯,為了在樓層的房間之間移動,你需要過道和走廊。循環(huán)系統(tǒng)在所有建筑設(shè)計中都是非常關(guān)鍵的部分。

當(dāng)我從建筑專業(yè)轉(zhuǎn)到產(chǎn)品設(shè)計時,我立刻意識到循環(huán)系統(tǒng)的概念完全可以應(yīng)用到 APP 的設(shè)計中。為了讓你們明白我的意思,我制作了下面這張圖片,它展示了在建筑物的樓層之間移動和在移動 APP 的頁面之間跳轉(zhuǎn)是相似的。建筑物中樓梯的作用和 APP 中 Tab 選項卡的作用是相似的。這兩者(即樓梯和選項卡)都是幫助用戶在核心空間之間移動的主要方法。

循環(huán)系統(tǒng)極大地影響了我們對產(chǎn)品和建筑的感知。試想你租的房間在公寓的第7層,你走進公寓然后不得不爬到第7層才能到達你的房間,雖然你的腿沒有受傷但是可能會感到疲倦而且覺得這是一段不太愉快的經(jīng)歷。還是這個公寓,如果通過電梯就能到達你的房間,你會對這幢公寓有更多的好感。

建筑的循環(huán)系統(tǒng)不僅影響你對他們的看法,而且影響你對它們的使用和操作方式。繼續(xù)以這個公寓為例,如果公寓中有電梯,那么你可能很少通過走樓梯的方式回到房間。另外,電梯的存在可以讓你帶很大很重的物品回家。由此可見,我們(在產(chǎn)品設(shè)計時)應(yīng)該基于循環(huán)系統(tǒng)提供多種選擇。

APP 中的循環(huán)系統(tǒng)

在 Percolate 公司,設(shè)計團隊在設(shè)計 iOS 和 Android 應(yīng)用程序時會花時間思考它們的循環(huán)系統(tǒng)。通常情況,這種循環(huán)系統(tǒng)被稱作「導(dǎo)航」。我們的第一個移動 APP ,名字叫做 “Photographer” ,采用的是全屏列表式導(dǎo)航。用戶點擊屏幕左上角的漢堡包圖標(biāo)然后會彈出一個全屏列表,用戶可以點擊選擇想去的頁面。這個導(dǎo)航可以讓用戶把注意力聚焦在 APP 的核心功能上,即拍照或在媒體庫中查看照片。

22414-9a395ecb45358413

這種全屏列表式導(dǎo)航就像走進一個電梯,再選擇一個樓層,然后到達目的地。在建筑物中,電梯在循環(huán)系統(tǒng)中是一個很棒的角色。然而,當(dāng)建筑物中只有很少的一些目的地時,你可能開始反思:「電梯真的有存在的必要嗎?」

帶著這個問題,我們決定在設(shè)計新的 APP 時探索更簡單的導(dǎo)航方式。今年(2014年)的早些時候,在 Ambassador(一款員工辯護平臺的APP)的開發(fā)過程中,我們重新繪制并迭代了導(dǎo)航的設(shè)計。因為這件事,我們注意到 Tab 導(dǎo)航有以下這些好處:

更少的點擊:Tab 導(dǎo)航減少了在核心頁面之間切換時點擊的次數(shù),從全屏列表式導(dǎo)航的2次點擊到 Tab 導(dǎo)航的1次點擊。

更多的展示:Tab 的名稱和圖標(biāo)更容易理解并且對用戶始終是可見的,而不是被隱藏在全屏列表導(dǎo)航里。

更多的停留:因為Tab 使得導(dǎo)航之間的切換更快更顯性化,用戶更容易在 APP 的不同頁面之間跳轉(zhuǎn)。像 Ambassador 這樣的 APP ,導(dǎo)航設(shè)計是很重要的一個考慮,我們希望用戶能在獨立的 Tab 頁面中共享他們團隊的品牌活動和郵件信息。

22414-20a335917b7fe097

經(jīng)過進一步的考慮,我們確定,Tab 導(dǎo)航能為我們的APP提供更好的循環(huán)系統(tǒng)。從那次探索之后,我們開始把公司所有的 APP 都開發(fā)成 Tab 式導(dǎo)航。目前,在 Ambassador,Marketer 和 Community Manager(譯者注:都是APP名稱)中都是 Tab 式導(dǎo)航。

22414-ff32f7d13bd7af0b

經(jīng)驗總結(jié)

作為一名建筑學(xué)院畢業(yè)的學(xué)生,我懂得了建筑物中像樓梯、走廊、電梯這樣的循環(huán)系統(tǒng)對幫助人們生活是非常有幫助的。類似的,作為一名產(chǎn)品設(shè)計師,我懂得了像列表菜單和 Tab 導(dǎo)航這樣的循環(huán)系統(tǒng)對人們使用產(chǎn)品是非常有幫助的。

在 Percolate 公司之外,我們很高興地看到其他初創(chuàng)公司也在考慮循環(huán)系統(tǒng)。去年有超過1000萬的游客通過 Airbnb 預(yù)定房間,根據(jù) The Wall Street Journal 上的一篇文章顯示,他們的創(chuàng)始人很早就在考慮循環(huán)系統(tǒng)的事情:

為了讓 Airbnb 變得簡單易用,2008年剩下的時間都花在了增加更多可以讓網(wǎng)站變強壯的功能上。有一著名事件,喬布斯曾經(jīng)堅持要求最多3次點擊就要讓 iPod 播放一首歌曲。Airbnb采納了喬布斯的真言:三次點擊就能預(yù)訂好房間。
如果你正在開發(fā)下一個產(chǎn)品,記得在設(shè)計進程的早期就要經(jīng)常思考循環(huán)系統(tǒng)。用戶越容易瀏覽你的產(chǎn)品,產(chǎn)品就越可能會成功。

 

原文地址:點擊跳轉(zhuǎn)

本文由@沈曉馬?原創(chuàng)獨家授權(quán)發(fā)布,本文禁止在本人未允許的情況下,任何形式的全文轉(zhuǎn)載和部分轉(zhuǎn)載。若您喜歡本文,請分享本文的鏈接到您喜歡的平臺。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!