實例分析:4個成熟組件的設(shè)計思考
本文是對成熟組件的一些思考,借此希望能鼓勵同學(xué)們多多去探索下現(xiàn)在一些常用組件設(shè)計之初的設(shè)計原則和適應(yīng)場景等,撬動你對設(shè)計樣式的思考。
作為一個用戶體驗設(shè)計師,套用成熟的設(shè)計樣式是司空見慣的事。這樣的組件是經(jīng)過市場檢驗的,再者說使用這些樣式打造的界面是繼承了用戶習(xí)慣的,可以降低學(xué)習(xí)成本,提高易學(xué)性。
然有些同學(xué)會認為這種方式會抹殺創(chuàng)造力,最終所有的應(yīng)用界面同質(zhì)化。但是作為一個用戶體驗設(shè)計師我還看到了一個不一樣的問題。當你習(xí)慣了“拿來主義”的方式以后,會讓你對你常用的這些應(yīng)用,比如谷歌、臉書、instagram產(chǎn)生依賴,甚至盲目相信,從而失去自己的思考。下文中提及了一些我們常用的一些組件的不一樣角度的分析,希望在你閱讀完之后能夠撬動你的思考。
1、隱藏的導(dǎo)航
網(wǎng)上有成千上萬的文章提及或描繪漢堡圖標,大多數(shù)都是來自我們設(shè)計師的。如果你沒看過,可以選擇一到兩篇閱讀就能知道大概。當然,文章不是對圖標的討論,而是漢堡圖標背后的導(dǎo)航方式的分析。
我們可以看到漢堡圖標的導(dǎo)航方式對于設(shè)計師其實是具有較大的吸引力的,它給設(shè)計師帶來便利,有了這樣利器,在設(shè)計的時候再也不用為屏幕僅有的方寸面積發(fā)愁,你可以把整個導(dǎo)航放到左側(cè)或右側(cè)上下滾動的界面中,等著用戶滑動去發(fā)現(xiàn)。
但是其實我們發(fā)現(xiàn)Youtube已經(jīng)偷偷的把之前的漢堡圖標去掉,取而代之的是把用戶特別關(guān)心的菜單直接提到主界面上,此后他用戶量,用戶滿意度,甚至是收入都增加了?,F(xiàn)在很多大牌應(yīng)用已經(jīng)開始從漢堡圖標中撤離,轉(zhuǎn)而去把用戶最關(guān)心的菜單放在主界面上。隱藏的方式不一定能帶來好的體驗,試試采用優(yōu)先級的方式去呈現(xiàn)菜單。
2、無處不在的圖標
因為屏幕的方寸空間限制,所以不假思索認為要盡可能使用圖標去替代文字。誠然,圖標確實能節(jié)省空間,亦能省去翻譯的麻煩(國際化的工作量不小,其他的應(yīng)用也是這么做得。)那我們有沒有反問我們自己用戶真的熟悉這些圖標嗎?
帶著這樣的疑問我們回憶下我們使用過或設(shè)計過的應(yīng)用,你僅通過圖標就能知道某個圖標代表的功能嗎?我們常常天然認為用戶也和我們一樣理解圖標背后的含義,而且用戶是非常愿意花時間去研究和探索的,但是其實事實經(jīng)常和我們的yy不符。當然這并不是說我們就不要使用圖標了。生活中有些圖標已經(jīng)有既定含義了,這些你可以去使用,比如搜索,視頻播放,郵件,設(shè)置,電話等等。對于復(fù)雜功能,最好是使用圖標+文字,這樣的組合方式能讓用戶更快的發(fā)現(xiàn),帶來好的點擊感受,同時增加了個性。
3、手勢操作
2007隨蘋果手機應(yīng)運而生,從此多點觸控技術(shù)成為了觸摸屏的主角,通過此技術(shù)用戶不僅僅可以點,拍,而且還能使滑、捏、拉等操作方式。因為能節(jié)省屏幕空間,所以與隱藏導(dǎo)航、圖標的隱藏類似,手勢也是設(shè)計師們樂此不疲的利器。比如,用左滑或者右滑取代了之前的刪除按鈕。
讓我們再對手勢做個分析,首先手勢其實是一類隱藏技,需要用戶去記住它,所以類似漢堡圖標,如果你隱藏了它,很少人會去挖掘使用;其次,類似于圖標一樣,大多數(shù)用戶知道點擊,放大,滾動,但是其余的一些操作對于不同的應(yīng)用有不同的功能,這個對于用戶負擔很大。所以在此強調(diào)下,手勢設(shè)計是隱藏類的操作,所以需要用戶花精力努力去記住它們。
4、入駐時的模態(tài)教程
入駐的模態(tài)教程紅極一時,一般出現(xiàn)在用戶在使用應(yīng)用之前,一般的教程都會給用戶帶來界面的注解。那為什么我們說這個解決方案有問題呢?觀察周圍,你會發(fā)現(xiàn)在使用它時,選擇的是直接跳過,他們想盡快的使用應(yīng)用。試問你買回手機的時候會看說明書嗎?就算有的真就是看過了,他們一會也就忘記了。俗話說的好“ A user interface is like a joke, if you have to explain it, ?it’s not that good.”
其實入駐后的使用說明可以做得更為融合。比如Slack采用的方式,在首屏幕的時候會聚焦介紹下應(yīng)用會給用戶帶來哪些益處。當然還有更好的,一種互動性更強的,方法就是逐步帶入應(yīng)用增強技能。Duolingo的帶入就沒有在如何使用應(yīng)用出“說明書“,它鼓勵用戶單刀直入去做語言選擇和測試,這個步驟不用注冊就可開始,因為最好的說明方式其實是融合在使用過程中的,這樣的方式可以提前讓用戶知道應(yīng)用給他帶來的價值,畢竟說的不如做得來的印象深刻。所以當你在一個半透明層上設(shè)計使用教程的時候,先思考下用戶首次使用的時候的場景,以更好的方式來歡迎我們的用戶。
小結(jié)
上面提及的內(nèi)容不代表周邊的設(shè)計樣式不值得我們參考,只是在用之前,我們可以更深入的去了解它們設(shè)計之初的含義,一些樣式可能在A應(yīng)用取得了成功,但其實并不一定適用B應(yīng)用。同學(xué)們需要多思考,多做自己的設(shè)計,多做設(shè)計的研究。如果你的設(shè)計更適合不用擔心與規(guī)范的沖突。
原作者:Zoltan Kollin
本文由 @agileyang 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
- 目前還沒評論,等你發(fā)揮!