首頁(yè)

2017年德國(guó)IF設(shè)計(jì)大獎(jiǎng)金獎(jiǎng)出爐了,都有哪些精彩的設(shè)計(jì)?

資深UI設(shè)計(jì)者

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

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

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

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

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

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

資深UI設(shè)計(jì)者

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

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

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

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

周周

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

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

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

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

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

從1.2億次的點(diǎn)擊中,蘋(píng)果學(xué)到了這個(gè)提高用戶體驗(yàn)的方法

資深UI設(shè)計(jì)者

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

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

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

這是可能的。我們來(lái)探討一下為什么。

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

資深UI設(shè)計(jì)者

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

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

周周

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

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

視覺(jué)反饋

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

用戶會(huì)對(duì)缺少視覺(jué)反饋的UI界面感到迷惑。

你需要給用戶一個(gè)反饋信號(hào),讓他們知道他們的操作是成功了還失敗,接下來(lái)要向上翻頁(yè)還是向下滾動(dòng),等等等等。

視覺(jué)反饋的主要目的在于:

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

讓按鈕和控件易于被感知

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

從零開(kāi)始設(shè)計(jì)一款A(yù)PP之如何做原型圖

周周

@Sophia的玲瓏閣 這個(gè)系列的文章把整個(gè)設(shè)計(jì)過(guò)程的經(jīng)驗(yàn)總結(jié)成文,逐點(diǎn)分享,上期是概述+立項(xiàng),這期聊聊低保真和高保真原型圖的作用、處理工具和文件要求等。

Low-fi,即低保真原型圖,整個(gè)APP設(shè)計(jì)階段,設(shè)計(jì)師真正開(kāi)始上手的環(huán)節(jié)。待PM制作好PRD文檔和邏輯流程圖之后,交互設(shè)計(jì)師開(kāi)始依據(jù)已有的結(jié)論,畫(huà)出Low-fi。

Low-fi的作用

1. 方便團(tuán)隊(duì)進(jìn)行方案的討論和統(tǒng)一。

就像使用場(chǎng)景Scenario和用戶畫(huà)像Personas,團(tuán)隊(duì)每個(gè)成員腦海中所理解的都會(huì)有所不同,但通過(guò)PRD,咱們可以進(jìn)行至少是大體上的統(tǒng)一。而在這基礎(chǔ)上,APP的具體畫(huà)面和流程,每個(gè)人都有自己想象的視覺(jué)效果。Low-fi就在此時(shí)起了相同的作用。

當(dāng)然統(tǒng)一的進(jìn)一步促進(jìn)效果是,進(jìn)行后面核心功能的深入探討,將概念落實(shí)到實(shí)施方案,并驗(yàn)證邏輯上是否能跑通,以及主頁(yè)面元素的確定。

2. 方便開(kāi)發(fā)人員進(jìn)行整體架構(gòu)的布置,開(kāi)始著手一些基礎(chǔ)元素的部署。

3. 做出demo進(jìn)行內(nèi)部嘗試、小范圍的用戶調(diào)查,一般會(huì)有一些更改,不會(huì)影響項(xiàng)目主方向,大多是功能上的調(diào)整

幻彩波爾卡圓點(diǎn)

用心設(shè)計(jì)

淘寶發(fā)布了新版本的App后,從圖標(biāo)到按鈕全部換成了漸變色的形式,讓我們?cè)谇宦傻谋馄交兩畛渲醒矍耙涣?。我覺(jué)得這是一個(gè)風(fēng)向標(biāo),會(huì)有越來(lái)越多的App注入更多的色彩,所以我判斷下一季是漸變幻彩的風(fēng)格。那么我就來(lái)寫(xiě)點(diǎn)關(guān)于漸變的教程。



用一個(gè)實(shí)戰(zhàn)案例,帶你學(xué)習(xí)交互設(shè)計(jì)師的思考方式

資深UI設(shè)計(jì)者

什么是交互設(shè)計(jì),交互設(shè)計(jì)師在做什么?他們是如何思考的?今天這篇文章以“我要買(mǎi)一部手機(jī)”為例。帶你從零開(kāi)始認(rèn)識(shí)交互設(shè)計(jì)師的思考方式。

交互設(shè)計(jì)是什么?

我們常常說(shuō)“我們是用戶的代言人,以用戶為中心做設(shè)計(jì)”、“交互設(shè)計(jì)是信息設(shè)計(jì)+行為設(shè)計(jì)”等。我們需要明白,這些定義是設(shè)計(jì)師在自我視角下從不同維度對(duì)交互進(jìn)行的定義。

我們是在一個(gè)商業(yè)機(jī)構(gòu)做一個(gè)商業(yè)行為,所以設(shè)計(jì)行為是帶有一定的商業(yè)目的,設(shè)計(jì)的價(jià)值也體現(xiàn)在商業(yè)價(jià)值的實(shí)現(xiàn)上。

所以,在以上大前提下來(lái)看設(shè)計(jì): 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的,設(shè)計(jì)本身是我們的表達(dá)手段,在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過(guò)程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。

日歷

鏈接

個(gè)人資料

存檔