首頁

Web交互設(shè)計優(yōu)化方案+check list

用心設(shè)計

“優(yōu)化已有產(chǎn)品的體驗”這是用戶體驗相關(guān)崗位職責(zé)中常見的描述。我們的產(chǎn)品常常是在快速的迭代過程中不斷完善的,就像孩子生下來需要養(yǎng)育才能長大一樣,優(yōu)化已有功能/產(chǎn)品,和設(shè)計新功能/產(chǎn)品同樣重要,不可偏廢。

Web交互設(shè)計優(yōu)化方案+check list

PM要多加底部導(dǎo)航時,設(shè)計師如何說服他打消念頭?

周周

記得之前寫過關(guān)于標(biāo)簽導(dǎo)航如何設(shè)計的一篇文章,大體上的介紹了幾種類型,這周正好遇到一個關(guān)于標(biāo)簽導(dǎo)航的問題:產(chǎn)品經(jīng)理要求在底部的導(dǎo)航中由原來的五個主功能增加至六個,交互設(shè)計師如何說服產(chǎn)品打消這個念頭?本周就這個問題我詳細(xì)說下當(dāng)中的幾個要點以及延伸出來的幾個問題。

不要打破標(biāo)簽導(dǎo)航的架構(gòu)

之前說過:在項目研發(fā)階段,我們應(yīng)該關(guān)注產(chǎn)品的主要功能,不應(yīng)該偏離方向,為了其他輔助功能去改變產(chǎn)品的主要格局。為什么呢?

在用戶使用這款產(chǎn)品的過程中,他們一定是為了達(dá)到某種目的或完成某項任務(wù)而去使用它,這說明產(chǎn)品一定擁有解決目標(biāo)用戶問題的功能。

覆蓋層設(shè)計(上)-對話框&浮層

用心設(shè)計

什么是覆蓋層?從本文的角度來講,覆蓋層指在當(dāng)前頁面上打開的臨時界面。這些臨時界面能夠完成提示性的或上下文相關(guān)的任務(wù),它們的打斷性較弱,為用戶保持較為連貫的使用體驗。我們?nèi)粘姷降?“浮層”、“彈層”、“彈框”等都在本文的討論范圍內(nèi)。

從1.2億次的點擊中,蘋果學(xué)到了這個提高用戶體驗的方法

周周

編者按:從iOS 9改版到iOS 10之后,鎖屏頁面的音樂控件變大了,用戶體驗明顯提高。那么最佳的按鈕觸摸大小應(yīng)該是多少?經(jīng)過1.2億次的實驗后,這個結(jié)果被微軟/蘋果等公司采用,強烈推薦學(xué)習(xí)。

@平行煎餅 :你可能說不出來,但你肯定知道這種感覺——當(dāng)你觸摸手機應(yīng)用界面而它不能正常工作時候,當(dāng)你感覺你只有精細(xì)的點擊,才能出發(fā)正確的命令時,那種混合起來的沮喪和失敗感。

但是,如果你可以自己創(chuàng)建用戶界面,你知道如何合理避免這種情況嗎?如果你知道可以通過創(chuàng)建可靠的觸摸元素,來幫助您的客戶減少錯誤,使用效率更快,使用感覺更開心嗎?

這是可能的。我們來探討一下為什么。

2017年德國IF設(shè)計大獎金獎出爐了,都有哪些精彩的設(shè)計?

資深UI設(shè)計者

好奇心日報-徐佳辰:雖然獎項名目越來越繁雜,但依然可以從這里看見是什么樣的產(chǎn)品在塑造我們現(xiàn)在和未來的日常生活。

于 1953 年由德國漢諾威工業(yè)設(shè)計論壇設(shè)立,每年舉辦的 IF 設(shè)計獎是全球范圍內(nèi)工業(yè)設(shè)計和產(chǎn)品設(shè)計的權(quán)威類獎項。

它的初始概念可以追溯回二戰(zhàn)后的德國,以陶瓷生產(chǎn)商 Rosenthal 家族的 Philip Rosenthal 為首,一群集合商人、制造商和設(shè)計師的行業(yè)人士希望通過追尋包豪斯設(shè)計風(fēng)格及一種“優(yōu)質(zhì)形態(tài)”——結(jié)合優(yōu)美的外形和良好的道德品質(zhì)的工業(yè)產(chǎn)品,為德國樹立起新的品牌形象。

現(xiàn)在,隨著 IF 的知名度和商業(yè)運轉(zhuǎn)規(guī)模擴大,其獎項中的作品分類由最初的產(chǎn)品設(shè)計、傳達(dá)設(shè)計和包裝設(shè)計三類,拓展到了包括室內(nèi)設(shè)計、建筑設(shè)計、服務(wù)設(shè)計和概念性設(shè)計的七類。

2017 年,IF 大獎共收到了來自全球 59 個國家的 5575 份作品投遞。包括的蘋果 Macbook Pro、iPhone 7 plus、寶馬 5 系列在內(nèi)的 75 件設(shè)計獲得了最終的金獎。以下是我們在大獎名單中篩選出的其他有趣作品。

這5個思路,能讓你的線上廣告更加吸引人

資深UI設(shè)計者

現(xiàn)如今的設(shè)計師大都是多面手,雖然各有擅長,但是通常會涉足不同的設(shè)計領(lǐng)域。網(wǎng)頁設(shè)計師偶爾也會設(shè)計幾個宣傳用的折頁,UI設(shè)計師偶爾做幾張海報。

雖然絕大多數(shù)的設(shè)計項目都遵循著相同的設(shè)計理論,并且都要做的足夠好看,但是不同的設(shè)計產(chǎn)品的成敗,決定性的因素并不相同。廣告設(shè)計就是如此。通常廣告位所預(yù)留的空間就不大,容錯率并不高,而借助這小小的一塊地方,你只有一次機會去打動你的目標(biāo)用戶。那么你要如何地設(shè)計出有用的廣告呢?今天的文章,為你分享5個可供你參考的思路。

設(shè)計重要,但是出發(fā)點和想法更重要,有的時候,好的思路是成功的一半。

成為解決問題的人!總結(jié)我在用戶測試?yán)镂〉?個教訓(xùn)

周周

雨涵Zoe:我一直喜歡做用戶測試,甚至為此寫過一篇安利文《為何我如此推崇低保真原型設(shè)計》。用戶測試對設(shè)計師的能力提升來說最好的一點是,它能一點一點讓設(shè)計師學(xué)會從用戶的視角看設(shè)計。是的,用戶視角對于設(shè)計師來說,是需要學(xué)習(xí)的。很多人以為自己也是別的產(chǎn)品的用戶,所以能夠想象得出,但其實并不是那樣。

我每做一次用戶測試,都感覺給自己上了一堂課,總是有新的發(fā)現(xiàn)。例如,設(shè)計師經(jīng)常在一些用戶不關(guān)心的規(guī)則或細(xì)節(jié)上糾結(jié)太久,而對用戶真正有價值的東西,卻往往在設(shè)計中被滯后,直到產(chǎn)品發(fā)布都忘記加上……

結(jié)合我雖然也沒有太豐富,但每次都認(rèn)真記錄的經(jīng)驗,我在這里總結(jié)一下自己至今為止從用戶測試?yán)镂〉降慕逃?xùn):

1. 盡量用約定俗成的控件樣式和交互形式

即便你能夠設(shè)計出更好的方案,如果用戶不能一眼領(lǐng)悟使用方法,產(chǎn)品就會面臨流失用戶的風(fēng)險。像iPhone這種產(chǎn)品之所以經(jīng)常能夠推出獨創(chuàng)的操作形式,其實是大量的忠誠用戶所帶來的特權(quán)。用戶數(shù)量和市占比決定著該產(chǎn)品的設(shè)計是成為潮流的引領(lǐng)者,還是追隨者。

從1.2億次的點擊中,蘋果學(xué)到了這個提高用戶體驗的方法

資深UI設(shè)計者

編者按:從iOS 9改版到iOS 10之后,鎖屏頁面的音樂控件變大了,用戶體驗明顯提高。那么最佳的按鈕觸摸大小應(yīng)該是多少?經(jīng)過1.2億次的實驗后,這個結(jié)果被微軟/蘋果等公司采用,強烈推薦學(xué)習(xí)。

@平行煎餅 :你可能說不出來,但你肯定知道這種感覺——當(dāng)你觸摸手機應(yīng)用界面而它不能正常工作時候,當(dāng)你感覺你只有精細(xì)的點擊,才能出發(fā)正確的命令時,那種混合起來的沮喪和失敗感。

但是,如果你可以自己創(chuàng)建用戶界面,你知道如何合理避免這種情況嗎?如果你知道可以通過創(chuàng)建可靠的觸摸元素,來幫助您的客戶減少錯誤,使用效率更快,使用感覺更開心嗎?

這是可能的。我們來探討一下為什么。

PM要多加底部導(dǎo)航時,設(shè)計師如何說服他打消念頭?

資深UI設(shè)計者

記得之前寫過關(guān)于標(biāo)簽導(dǎo)航如何設(shè)計的一篇文章,大體上的介紹了幾種類型,這周正好遇到一個關(guān)于標(biāo)簽導(dǎo)航的問題:產(chǎn)品經(jīng)理要求在底部的導(dǎo)航中由原來的五個主功能增加至六個,交互設(shè)計師如何說服產(chǎn)品打消這個念頭?本周就這個問題我詳細(xì)說下當(dāng)中的幾個要點以及延伸出來的幾個問題。

這些至關(guān)重要的細(xì)節(jié),同你的產(chǎn)品體驗息息相關(guān)

周周

成功的產(chǎn)品通常是構(gòu)建在一系列優(yōu)秀的設(shè)計之上的,它除了擁有優(yōu)秀的框架、系統(tǒng)的邏輯和恰如其分的運營之外,它還需要符合用戶體驗規(guī)則的細(xì)節(jié),和幾經(jīng)驗證的最佳實踐來作為支撐。

今天的文章,我們來聊聊細(xì)節(jié),從視覺反饋、文案和留白三個角度,聊聊這些同樣能夠影響整體體驗還很容易被忽略的元素。

視覺反饋

在許多設(shè)計方案中,視覺反饋是很容易被忽略的組成部分,然而它是整個UX設(shè)計中,對體驗影響非常大的元素。沒有正確的反饋,就沒有正確的互動。想象一下,當(dāng)你和人溝通的時候,對方根本不會給你任何語言、表情和動作的反饋,這是何等的尷尬。UI界面同樣是如此。

用戶會對缺少視覺反饋的UI界面感到迷惑。

你需要給用戶一個反饋信號,讓他們知道他們的操作是成功了還失敗,接下來要向上翻頁還是向下滾動,等等等等。

視覺反饋的主要目的在于:

·確認(rèn)APP或者網(wǎng)頁已經(jīng)接收到了用戶的操作或者提交的信息
·傳達(dá)交互的結(jié)果,結(jié)果可見也可理解。給用戶一個信息反饋,告訴他們?nèi)蝿?wù)執(zhí)行成功或者失敗

讓按鈕和控件易于被感知

在現(xiàn)實生活中,按鈕和各種開關(guān)都被設(shè)計成易于互動、易于感知的樣子,這樣的設(shè)計讓人們更容易控制,也能讓事情向著預(yù)期的方向發(fā)展。而當(dāng)用戶面對UI界面的時候,他們也有同樣的需求,他們希望按鈕和控件能夠像這些日常的設(shè)計一樣,易于被感知,操控。

日歷

鏈接

個人資料

存檔