專為0基礎(chǔ)小白量身打造的UI設(shè)計(jì)入門課程(ps冲簿,ai軟件+圖標(biāo)技巧),在線學(xué)習(xí)2個(gè)月包教會(huì)(公開課3位師傅),拜師費(fèi)1666浑测,隨到隨學(xué)翅阵,可插班。咨詢請(qǐng)加QQ群:575011455
小編:看得見的美景迁央,時(shí)時(shí)欣賞掷匠,看得見的功能,時(shí)常接觸岖圈。功能存在的意義是被使用讹语,生活如此,UI設(shè)計(jì)同理如此蜂科。別指望著教會(huì)用戶一遍使用方法顽决,就想著它能時(shí)時(shí)刻刻被記住短条。
幾年前的夏天,我有幸住過舊金山一幢公寓樓的兩間獨(dú)立套房才菠。
由于是同一幢建筑茸时,你肯定會(huì)認(rèn)為兩間房非常相似,也確實(shí)如此赋访。兩者大約都是90平米可都,都有巨大的網(wǎng)格狀玻璃窗,大量的陽光傾瀉而入(也帶來了熱量——我們總是戲稱這里就像我老家德克薩斯州:每逢下午都有90度)蚓耽。兩套都有同樣的角落廚房渠牲、通向開放式臥室的工業(yè)風(fēng)樓梯,還有煩人的中空門步悠。
唯一的區(qū)別在于签杈,前者在頂層,后者在一樓贤徒。為什么這一點(diǎn)如此重要芹壕?嗯……公寓頂層的視野更開闊。雖然兩者都有戶外空間接奈,公寓一樓附帶有后院花園踢涌,公寓頂層則帶有樓頂私密空間。
我們首先住了帶有樓頂天臺(tái)的那套序宦。雖然它不像下圖這么奢華睁壁,但我們上樓探索時(shí)感到非常興奮。有一張小桌子和幾把椅子互捌,還有漂亮的城市景觀潘明,最適合下午4點(diǎn)一伙朋友喝著紅酒玩卡坦島(一種桌游),或者霧靄漸濃時(shí)讀上一本好書秕噪。
這是個(gè)非常拉風(fēng)的天臺(tái)
搬家了钳降,我們告別了屋頂天臺(tái),迎接我們的是私家花園腌巾。同樣的遂填,下面這張漂亮的圖片,只是示意圖澈蝙。我們的花園實(shí)際上沒有草吓坚,不過足夠大,能放得下沙發(fā)和傘灯荧,還有一些盆栽植物和一副燒烤架礁击。
這是個(gè)非常拉風(fēng)的花園
理論上,你會(huì)覺得把屋頂天臺(tái)換成花園非常公平。我是指哆窿,一個(gè)有開闊視野链烈,另一個(gè)易于進(jìn)出。有得必有失更耻,很公平测垛。
實(shí)際上,體驗(yàn)過兩者之后秧均,我去屋頂天臺(tái)的次數(shù)食侮,用一只手就能數(shù)的出來。
在同樣長的時(shí)間里目胡,我們?nèi)セ▓@就相當(dāng)頻繁锯七,每個(gè)(晴朗)午后都會(huì)去。
我一直在想這個(gè)問題誉己。
事實(shí)是眉尸,沒有任何一個(gè)天臺(tái)的使用率能夠比得上花園或院子,無論它多討人喜歡巨双、設(shè)施多完備噪猾。
我們住在公寓一樓時(shí),我們每次看向窗外筑累,都能瞥見花園袱蜡。每天能看到20次、50次慢宗、100次坪蚁,我們的眼睛看見了舒適的沙發(fā)和遮陽傘。它就在那里镜沽。都不必下意識(shí)去想敏晤,我們發(fā)現(xiàn)自己總是想找理由去外面,享受美好的天氣缅茉。無論是在筆記本上辦公嘴脾,與朋友閑逛,或是正在燒烤蔬墩。
住在公寓頂樓時(shí)译打,我們每天都看不見天臺(tái)。它并不是難以到達(dá)——上樓大概只要30秒筹我。但它不在視野內(nèi)。我們得記住它的存在帆离,并且要下決心到上面去蔬蕊。上去所需的意愿,和逛周邊商店與公園是同等水平。當(dāng)然岸夯,如果我們邀請(qǐng)了客人來麻献,想讓他們大開眼界,就會(huì)帶他們上天臺(tái)猜扮。但是勉吻,我們從不會(huì)偶然想起那些桌椅和絕妙的景觀。我們很容易忘了有這樣一個(gè)天臺(tái)旅赢。所以齿桃,哎,幾乎沒怎么用過它煮盼。
設(shè)計(jì)用戶界面時(shí)短纵,我常常想起花園與天臺(tái)。
我們?cè)O(shè)計(jì)師喜歡極簡主義僵控,喜歡留白香到,喜歡史塔克家族。我們喜歡把大量功能和選項(xiàng)报破,藏在精致的角落與縫隙中悠就。在菜單里、在抽屜里充易、在長按或滑動(dòng)之后梗脾。
我們的理由是,“人們學(xué)會(huì)一次后蔽氨,就會(huì)一直記得藐唠。”我們會(huì)說鹉究,“無論我們把它們放在界面的何處宇立,人們都會(huì)做出相同的選擇∽耘猓”
真是太容易低估可見性和默認(rèn)項(xiàng)的力量了妈嘹。
很久以前,F(xiàn)acebook曾經(jīng)一度在移動(dòng)應(yīng)用左上角使用了三橫圖標(biāo)(或者說“漢堡圖標(biāo)”)绍妨,用來展開應(yīng)用的導(dǎo)航面板润脸。用這種方式來訪問我們網(wǎng)站的各種功能,簡潔而優(yōu)美他去。(作為獎(jiǎng)勵(lì)毙驯,我們的移動(dòng)應(yīng)用和桌面網(wǎng)站都統(tǒng)一使用了這種導(dǎo)航菜單。)我們把側(cè)滑抽屜導(dǎo)航發(fā)揚(yáng)光大了灾测,如今許多應(yīng)用中仍然能看到這種設(shè)計(jì)模式爆价。
漢堡菜單圖標(biāo)的導(dǎo)航面板
不幸的是,漢堡菜單就是一個(gè)天臺(tái)。你只有想著“我要進(jìn)入XXX”的時(shí)候才會(huì)去點(diǎn)它铭段。這就是典型的眼不見心不煩骤宣。
我們采用了標(biāo)準(zhǔn)的標(biāo)簽欄,由天臺(tái)變成了花園序愚。雖然它在屏幕上增加了元素憔披,但這是一種熟悉的模式,高效得多爸吮,幫助人們發(fā)現(xiàn)和進(jìn)入我們的頂級(jí)功能芬膝。
我發(fā)現(xiàn)還有許多其他例子,關(guān)于天臺(tái)與花園在UI設(shè)計(jì)中的討論:
入口:設(shè)計(jì)新功能時(shí)拗胜,第一步往往是直接開始設(shè)計(jì)原型蔗候,展示這部分功能如何運(yùn)轉(zhuǎn)。這就像是在設(shè)計(jì)戶外空間的格局與陳設(shè)埂软,卻沒有問過“它在房子后面還是在屋頂锈遥?”首先應(yīng)該要問“如何讓人們發(fā)現(xiàn)這個(gè)功能?”要使你的作品成功勘畔,確定入口更加困難也更加重要所灸,勝過反復(fù)討論這項(xiàng)功能如何使用的具體細(xì)節(jié)。
菜單:把一大堆選項(xiàng)藏在菜單或手勢(shì)操作中炫七,非常有誘惑力爬立,我們總會(huì)假定人們想找就能找得到。但多數(shù)人都不會(huì)万哪,除非你積極地推薦這些功能侠驯。即使你成功地讓人了解到了這些隱藏功能,也需要很長時(shí)間使它成為一種常識(shí)奕巍。如果一定要讓用戶知曉這些功能吟策,就該明確地展示出來。如果不重要的止,考慮干脆把它去掉檩坚,降低認(rèn)知負(fù)荷。
提供選擇:面對(duì)沒有明顯答案的問題诅福,要做出艱難的產(chǎn)品決策匾委,有時(shí)候團(tuán)隊(duì)會(huì)勉強(qiáng)接受“干脆讓用戶自己選擇”。這么做時(shí)氓润,要知道絕大多數(shù)(80%或90%)會(huì)選擇你提供的默認(rèn)項(xiàng)赂乐,無論是什么,所以你其實(shí)并不能避開這個(gè)艱難的產(chǎn)品決策咖气。(不提供默認(rèn)項(xiàng)則更加糟糕:你會(huì)流失一大批根本不愿意做選擇的用戶挨措。)
環(huán)境操作:人們正在使用或?yàn)g覽時(shí)辐啄,可以推薦一些類似的事情讓他們做或看。正在閱讀奧運(yùn)的文章运嗜?你可能還對(duì)這個(gè)發(fā)布者的其他奧運(yùn)報(bào)導(dǎo)感興趣。這張中世紀(jì)浴室的照片讓你深受啟發(fā)悯舟?請(qǐng)看其他浴室照片担租,為家庭裝修項(xiàng)目提供靈感。正在對(duì)星標(biāo)郵件分類抵怎?這里還有些你標(biāo)記了稍后處理的東西奋救,或許你現(xiàn)在有時(shí)間處理。這是體驗(yàn)設(shè)計(jì)中最有效的模式之一反惕。
利用現(xiàn)有渠道:現(xiàn)有的分發(fā)渠道的力量在于尝艘,已經(jīng)有很多人在用了。寫文章發(fā)布到個(gè)人網(wǎng)站姿染,這相當(dāng)于天臺(tái)背亥。寫文章分享到Medium、Facebook悬赏、Twitter狡汉、<此處填寫你的選擇>,相當(dāng)于花園闽颇,能夠捕獲更多流量盾戴。這點(diǎn)適用于任何獨(dú)立空間、頁面兵多、App尖啡、標(biāo)簽頁或書簽。問問自己:我需要?jiǎng)?chuàng)造自己的渠道嗎剩膘,還是用其他渠道能更快幫助我達(dá)成目標(biāo)衅斩?
如果想要什么被看見,被使用援雇,不要讓人去尋找它矛渴。把它放在看得見的地方。
原文地址:medium
譯文地址:可樂橙
作者:Julie Zhuo
譯者:可樂橙
轉(zhuǎn)載請(qǐng)注明:學(xué)ui網(wǎng)?功能看得見才是有用的