功能看得見才是有用的

功能看得見才是有用的

專為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)?功能看得見才是有用的

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末惫搏,一起剝皮案震驚了整個(gè)濱河市具温,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌筐赔,老刑警劉巖铣猩,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異茴丰,居然都是意外死亡达皿,警方通過查閱死者的電腦和手機(jī)天吓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來峦椰,“玉大人龄寞,你說我怎么就攤上這事√拦Γ” “怎么了物邑?”我有些...
    開封第一講書人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長滔金。 經(jīng)常有香客問我色解,道長,這世上最難降的妖魔是什么餐茵? 我笑而不...
    開封第一講書人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任科阎,我火速辦了婚禮,結(jié)果婚禮上忿族,老公的妹妹穿的比我還像新娘锣笨。我一直安慰自己,他們只是感情好道批,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開白布票唆。 她就那樣靜靜地躺著,像睡著了一般屹徘。 火紅的嫁衣襯著肌膚如雪走趋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評(píng)論 1 305
  • 那天噪伊,我揣著相機(jī)與錄音簿煌,去河邊找鬼。 笑死鉴吹,一個(gè)胖子當(dāng)著我的面吹牛姨伟,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播豆励,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼夺荒,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了良蒸?” 一聲冷哼從身側(cè)響起技扼,我...
    開封第一講書人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嫩痰,沒想到半個(gè)月后剿吻,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡串纺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年丽旅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了椰棘。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡榄笙,死狀恐怖邪狞,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情茅撞,我是刑警寧澤外恕,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站乡翅,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏罪郊。R本人自食惡果不足惜蠕蚜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望悔橄。 院中可真熱鬧靶累,春花似錦、人聲如沸癣疟。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽睛挚。三九已至邪蛔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間扎狱,已是汗流浹背侧到。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留淤击,地道東北人匠抗。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像污抬,于是被迫代替她去往敵國和親汞贸。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • [國外設(shè)計(jì)第144期] 幾年前的夏天印机,我有幸住過舊金山一幢公寓樓的兩間獨(dú)立套房矢腻。 由于是同一幢建筑,你肯定會(huì)認(rèn)為兩...
    可樂橙_ColaChan閱讀 683評(píng)論 2 3
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,179評(píng)論 25 707
  • 獎(jiǎng)學(xué)金這個(gè),如果能夠爭取到的話咒劲,也是能夠給家里父母省下不少一筆錢呢顷蟆。然而诫隅,我曾經(jīng)一度以為在這樣一所二本的三流學(xué)校里...
    繼續(xù)海闊天空閱讀 505評(píng)論 0 3
  • 讀書的時(shí)候看《胭脂扣》,看的是原本的小說帐偎,李碧華的文字真的是字字入心逐纬,故事情節(jié)也是婉轉(zhuǎn)有致,如花十二少削樊,看的人心驚...
    寧有故人兮閱讀 406評(píng)論 1 1
  • 曾經(jīng)我會(huì)想為什么他們漲工資豁生,為什么不給我漲工資呢?為什么他們被選為優(yōu)秀員工漫贞,為什么不選我甸箱?……這個(gè)世界真是不公平,...
    阿娟熱愛生活閱讀 506評(píng)論 1 1