a级毛片在线观看_欧美性69式xxxx护士_欧美va天堂在线电影_美女扒开内裤羞羞网站

PS設計教程網歡迎你!

為什么我們把漢堡菜單換成了標簽欄

文章來源于 medium,感謝作者 colachan 給我們帶來經精彩的文章!
設計教程/前端設計/前端設計2016-09-09
很多設計師為了簡潔,都喜歡把功能和選項放到漢堡菜單里,曾經的Facebook 就是這么做的,不過現在已經改成了標簽欄。究竟是什么原因讓設計師做出這個選擇?今天這篇是Facebook前產品總監,現副總裁的Julie Zhuo寫的,她會為你揭曉答案。

很多設計師為了簡潔,都喜歡把功能和選項放到漢堡菜單里,曾經的Facebook 就是這么做的,不過現在已經改成了標簽欄。究竟是什么原因讓設計師做出這個選擇?今天這篇是Facebook前產品總監,現副總裁的Julie Zhuo寫的,她會為你揭曉答案。

作者介紹

Facebook 的產品總監Julie Zhuo 是一位經歷傳奇的女性,2006 年進入臉書后,職位像火箭般不斷攀升,現在已經是Facebook 的VP了。她的Medium (https://medium.com/@joulee)幾乎是最受歡迎的設計師個人博客,國內有很多設計師都是她的忠實讀者。這里有幾篇她的文章,可以讓你學習:

幾年前的夏天,我有幸住過舊金山一幢公寓樓的兩間獨立套房。

由于是同一幢建筑,你肯定會認為兩間房非常相似,也確實如此。兩者大約都是90平米,都有巨大的網格狀玻璃窗,大量的陽光傾瀉而入(也帶來了熱量——我們總是戲稱這里就像我老家德克薩斯州:每逢下午都有90度)。兩套都有同樣的角落廚房、通向開放式臥室的工業風樓梯,還有煩人的中空門。

唯一的區別在于,前者在頂層,后者在一樓。為什么這一點如此重要?嗯……公寓頂層的視野更開闊。雖然兩者都有戶外空間,公寓一樓附帶有后院花園,公寓頂層則帶有樓頂私密空間。

我們首先住了帶有樓頂天臺的那套。雖然它不像下圖這么奢華,但我們上樓探索時感到非常興奮。有一張小桌子和幾把椅子,還有漂亮的城市景觀,最適合下午4點一伙朋友喝著紅酒玩卡坦島(一種桌游),或者霧靄漸濃時讀上一本好書。

為什么我們把漢堡菜單換成了標簽欄

△ 這是個非常拉風的天臺

搬家了,我們告別了屋頂天臺,迎接我們的是私家花園。同樣的,下面這張漂亮的圖片,只是示意圖。我們的花園實際上沒有草,不過足夠大,能放得下沙發和傘,還有一些盆栽植物和一副燒烤架。

為什么我們把漢堡菜單換成了標簽欄

△ 這是個非常拉風的花園

理論上,你會覺得把屋頂天臺換成花園非常公平。我是指,一個有開闊視野,另一個易于進出。有得必有失,很公平。

實際上,體驗過兩者之后,我去屋頂天臺的次數,用一只手就能數的出來。

在同樣長的時間里,我們去花園就相當頻繁,每個(晴朗)午后都會去。

我一直在想這個問題。

事實是,沒有任何一個天臺的使用率能夠比得上花園或院子,無論它多討人喜歡、設施多完備。

我們住在公寓一樓時,我們每次看向窗外,都能瞥見花園。每天能看到20次、50次、100次,我們的眼睛看見了舒適的沙發和遮陽傘。它就在那里。都不必下意識去想,我們發現自己總是想找理由去外面,享受美好的天氣。無論是在筆記本上辦公,與朋友閑逛,或是正在燒烤。

住在公寓頂樓時,我們每天都看不見天臺。它并不是難以到達——上樓大概只要30秒。但它不在視野內。我們得記住它的存在,并且要下決心到上面去。上去所需的意愿,和逛周邊商店與公園是同等水平。當然,如果我們邀請了客人來,想讓他們大開眼界,就會帶他們上天臺。但是,我們從不會偶然想起那些桌椅和絕妙的景觀。我們很容易忘了有這樣一個天臺。所以,哎,幾乎沒怎么用過它。

設計用戶界面時,我常常想起花園與天臺。

我們設計師喜歡極簡主義,喜歡留白,喜歡史塔克家族。我們喜歡把大量功能和選項,藏在精致的角落與縫隙中。在菜單里、在抽屜里、在長按或滑動之后。

我們的理由是,“人們學會一次后,就會一直記得。”我們會說,“無論我們把它們放在界面的何處,人們都會做出相同的選擇。”

真是太容易低估可見性和默認項的力量了。

很久以前,Facebook曾經一度在移動應用左上角使用了三橫圖標(或者說“漢堡圖標”),用來展開應用的導航面板。用這種方式來訪問我們網站的各種功能,簡潔而優美。(作為獎勵,我們的移動應用和桌面網站都統一使用了這種導航菜單。)我們把側滑抽屜導航發揚光大了,如今許多應用中仍然能看到這種設計模式。

為什么我們把漢堡菜單換成了標簽欄

△ 漢堡菜單圖標的導航面板

不幸的是,漢堡菜單就是一個天臺。你只有想著“我要進入XXX”的時候才會去點它。這就是典型的眼不見心不煩。

我們采用了標準的標簽欄,由天臺變成了花園。雖然它在屏幕上增加了元素,但這是一種熟悉的模式,高效得多,幫助人們發現和進入我們的頂級功能。

我發現還有許多其他例子,關于天臺與花園在UI設計中的討論:

入口:

設計新功能時,第一步往往是直接開始設計原型,展示這部分功能如何運轉。這就像是在設計戶外空間的格局與陳設,卻沒有問過“它在房子后面還是在屋頂?”首先應該要問“如何讓人們發現這個功能?”要使你的作品成功,確定入口更加困難也更加重要,勝過反復討論這項功能如何使用的具體細節。

菜單:

把一大堆選項藏在菜單或手勢操作中,非常有誘惑力,我們總會假定人們想找就能找得到。但多數人都不會,除非你積極地推薦這些功能。即使你成功地讓人了解到了這些隱藏功能,也需要很長時間使它成為一種常識。如果一定要讓用戶知曉這些功能,就該明確地展示出來。如果不重要,考慮干脆把它去掉,降低認知負荷。

提供選擇:

面對沒有明顯答案的問題,要做出艱難的產品決策,有時候團隊會勉強接受“干脆讓用戶自己選擇”。這么做時,要知道絕大多數(80%或90%)會選擇你提供的默認項,無論是什么,所以你其實并不能避開這個艱難的產品決策。(不提供默認項則更加糟糕:你會流失一大批根本不愿意做選擇的用戶。)

環境操作:

人們正在使用或瀏覽時,可以推薦一些類似的事情讓他們做或看。正在閱讀奧運的文章?你可能還對這個發布者的其他奧運報導感興趣。這張中世紀浴室的照片讓你深受啟發?請看其他浴室照片,為家庭裝修項目提供靈感。正在對星標郵件分類?這里還有些你標記了稍后處理的東西,或許你現在有時間處理。這是體驗設計中最有效的模式之一。

利用現有渠道:

現有的分發渠道的力量在于,已經有很多人在用了。寫文章發布到個人網站,這相當于天臺。寫文章分享到Medium、Facebook、Twitter、<此處填寫你的選擇>,相當于花園,能夠捕獲更多流量。這點適用于任何獨立空間、頁面、App、標簽頁或書簽。問問自己:我需要創造自己的渠道嗎,還是用其他渠道能更快幫助我達成目標?

如果想要什么被看見,被使用,不要讓人去尋找它。把它放在看得見的地方。

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
a级毛片在线观看_欧美性69式xxxx护士_欧美va天堂在线电影_美女扒开内裤羞羞网站
艳妇臀荡乳欲伦亚洲一区| 欧美日韩激情一区二区三区| 国产乱妇无码大片在线观看| 精久久久久久久久久久| 狠狠狠色丁香婷婷综合久久五月| 精品一区中文字幕| 国产.精品.日韩.另类.中文.在线.播放| 久久精品av麻豆的观看方式| 久久99久久久久| 国产九色精品成人porny| av中文字幕不卡| 欧美在线观看你懂的| 7777精品伊人久久久大香线蕉完整版 | 国产欧美一区二区精品性色 | 日韩精品国产精品| 国内精品第一页| aaa亚洲精品一二三区| 欧美日韩精品一区二区| 久久一留热品黄| 亚洲精品成人悠悠色影视| 日韩国产高清在线| 粉嫩绯色av一区二区在线观看| 91福利在线观看| 欧美精品一区二| 一区二区三区波多野结衣在线观看| 日日骚欧美日韩| 粉嫩av一区二区三区| 69p69国产精品| 中文字幕一区二区日韩精品绯色 | 久久这里都是精品| 一区二区免费视频| 国产伦精品一区二区三区免费 | 国产精品拍天天在线| 午夜av一区二区| 成人午夜免费av| 欧美一卡二卡三卡| 一区二区三区国产精品| 国产一区二区三区四| 欧美久久久久久久久| 亚洲视频一区在线| 国产麻豆日韩欧美久久| 欧美一级艳片视频免费观看| 中文字幕一区二区日韩精品绯色| 麻豆成人av在线| 欧美群妇大交群中文字幕| 中文字幕一区二区三区不卡| 国产精品自拍毛片| 精品处破学生在线二十三| 午夜婷婷国产麻豆精品| 色天天综合久久久久综合片| 日本一区二区久久| 国产精品一区二区久激情瑜伽| 欧美肥妇bbw| 午夜精品视频在线观看| 欧美在线观看一二区| 亚洲精品综合在线| 一本一道久久a久久精品| 国产精品欧美极品| 国产99久久久国产精品| 国产三级久久久| 国产盗摄视频一区二区三区| 久久久欧美精品sm网站| 国产精品自拍三区| 中文字幕免费一区| 成人国产精品免费观看动漫| 中文字幕乱码久久午夜不卡 | 日本三级韩国三级欧美三级| 欧美精品色一区二区三区| 亚洲高清免费观看高清完整版在线观看| 99精品久久久久久| 亚洲欧美另类综合偷拍| 色综合欧美在线| 亚洲国产婷婷综合在线精品| 欧美日韩国产小视频在线观看| 亚洲宅男天堂在线观看无病毒| 欧美体内she精高潮| 午夜精品久久久久久| 欧美一区二区三区思思人| 久久福利资源站| 国产亚洲一区字幕| 色综合久久88色综合天天6 | 欧美国产日韩亚洲一区| 99久久精品久久久久久清纯| 亚洲精品欧美在线| 9191成人精品久久| 久久精品国产精品亚洲红杏| 欧美国产一区在线| 欧美伊人久久久久久久久影院 | 国产欧美一区二区三区沐欲| 91日韩精品一区| 午夜精品福利一区二区蜜股av| 欧美成人三级电影在线| 成人激情av网| 婷婷夜色潮精品综合在线| 精品电影一区二区三区| 91免费观看视频在线| 午夜精品久久久久久久久久久 | 亚洲国产精品久久人人爱| 欧美不卡一区二区三区| av高清不卡在线| 美女www一区二区| 中文字幕一区二区三区在线播放 | 国产精品自拍在线| 亚洲综合精品久久| 国产亚洲成av人在线观看导航| 一本大道久久a久久综合| 蜜臀av性久久久久蜜臀aⅴ| 国产精品美女视频| 欧美成人女星排行榜| 日本精品一级二级| 国产精品亚洲专一区二区三区| 亚洲午夜在线观看视频在线| 久久亚洲欧美国产精品乐播 | 欧美激情在线观看视频免费| 欧美一区二区三区思思人| 99国产精品久久久久久久久久久| 青青草国产成人av片免费 | 日韩欧美在线影院| 在线观看av一区二区| youjizz久久| 国产精品一区二区免费不卡| 偷拍自拍另类欧美| 一区二区三区免费| 欧美国产一区在线| 久久综合狠狠综合| 日韩精品一区二区三区视频播放| 99国产精品久久久久久久久久| 国产精一区二区三区| 精品影视av免费| 人人狠狠综合久久亚洲| 偷窥国产亚洲免费视频 | 精品国产青草久久久久福利| 欧美美女一区二区在线观看| 91成人在线精品| 色一区在线观看| 91麻豆精品一区二区三区| 不卡av免费在线观看| 成人中文字幕电影| 国产不卡免费视频| 国产成人啪午夜精品网站男同| 国产麻豆精品theporn| 国产一区二区导航在线播放| 国产精品88888| 国产成人午夜视频| 粉嫩一区二区三区性色av| 国产精品一级黄| 成人高清视频在线观看| 成人免费视频视频在线观看免费| 国产99久久久国产精品潘金网站| 国产不卡免费视频| 91天堂素人约啪| 日韩一级欧美一级| 精品欧美一区二区久久| 精品乱人伦一区二区三区| 久久一区二区三区四区| 国产精品久久久久一区二区三区 | 91精品国产全国免费观看| 这里只有精品视频在线观看| 日韩精品一区二区三区在线观看 | 91老师片黄在线观看| 欧美亚洲禁片免费| 欧美日韩精品欧美日韩精品| 欧美男生操女生| 日韩久久久久久| 欧美激情一区二区三区蜜桃视频| 中文字幕日韩一区二区| 亚洲r级在线视频| 国产一区二区精品久久99| 不卡区在线中文字幕| 欧美色图天堂网| 26uuu亚洲婷婷狠狠天堂| 国产精品久久久久7777按摩| 亚洲午夜电影网| 国内精品久久久久影院色| 色伊人久久综合中文字幕| 欧美成人福利视频| 最新不卡av在线| 裸体一区二区三区| 99久久国产综合色|国产精品| 欧美日韩精品福利| 中文字幕av不卡| 肉色丝袜一区二区| 波多野结衣的一区二区三区| 欧美一区二区三区在线| 亚洲色图视频免费播放| 久久精品国产免费看久久精品| 91在线观看下载| 久久综合国产精品| 午夜精品在线视频一区| 成人av在线资源| 欧美xingq一区二区| 一区二区三区免费网站| 成人午夜大片免费观看| 日韩欧美国产午夜精品| 亚洲综合自拍偷拍| www.欧美日韩| 久久网站热最新地址| 蜜臀av性久久久久蜜臀av麻豆| 色哟哟一区二区三区| 国产精品久久一级|