如果說好的產(chǎn)品是運(yùn)營(yíng)出來的，那么內(nèi)容作為用戶體驗(yàn)中的重要部分不容忽視。然而我們?cè)谠O(shè)計(jì)中經(jīng)常缺乏內(nèi)容體驗(yàn)的意識(shí)。借著第十三屆用戶體驗(yàn)大會(huì)User Friendly 2016的分享，手淘的設(shè)計(jì)師和業(yè)內(nèi)的同學(xué)們一起做workshop，探索如何進(jìn)行行之有效的內(nèi)容策略腦爆，以及思考內(nèi)容產(chǎn)生、組織到流轉(zhuǎn)分發(fā)的設(shè)計(jì)策略和用戶行為數(shù)據(jù)驗(yàn)證。希望能讓大家對(duì)無線端導(dǎo)購的內(nèi)容化設(shè)計(jì)有所啟發(fā)。以下是對(duì)大會(huì)相關(guān)內(nèi)容的整理。

在探討內(nèi)容化設(shè)計(jì)是什么之前，或許有人奇怪：設(shè)計(jì)為什么要關(guān)注內(nèi)容呢？

內(nèi)容一直是設(shè)計(jì)缺少關(guān)懷的“冷門”，一直以來內(nèi)容似乎是運(yùn)營(yíng)的事兒，設(shè)計(jì)更多是參與到產(chǎn)品、技術(shù)的流程中。那么，大家覺得作為設(shè)計(jì)師的我們是否要管內(nèi)容的事兒呢？

要關(guān)注！為什么？因?yàn)榻换ピO(shè)計(jì)是一門關(guān)注人(people)、產(chǎn)品(product)、情境(context)的科學(xué)。我們平時(shí)在工作中最多關(guān)注的是用戶，也就是人和產(chǎn)品之間的交互。但情境也是重要一環(huán)，除了具體場(chǎng)景化情境，設(shè)計(jì)師也要關(guān)注當(dāng)前的時(shí)代環(huán)境。

編者按：這篇文章總結(jié)的18條網(wǎng)頁設(shè)計(jì)技巧，多是新手設(shè)計(jì)師容易犯的細(xì)節(jié)錯(cuò)誤，每條技巧都有案例有對(duì)比，簡(jiǎn)單易懂全干貨。

有時(shí)你會(huì)覺得，自己永遠(yuǎn)實(shí)現(xiàn)不了自己的夢(mèng)想。你知道你想做什么，但有無數(shù)的障礙在你的眼前。你要在和成千上萬人的競(jìng)爭(zhēng)中勝出，才能真正做你想做的事。

你要如何擺脫這種激烈競(jìng)爭(zhēng)？你的進(jìn)步速度要有多快，才不會(huì)讓你的夢(mèng)想被社會(huì)“現(xiàn)實(shí)”砸得粉碎？你如何才能實(shí)現(xiàn)所需的飛躍，從千萬人當(dāng)中脫穎而出？

你首先要維持生計(jì)、更有很多其他責(zé)任。你每天能用的時(shí)間有限。下班后你還要處理生活瑣事，很容易就把事情拖明天了。即使你的心里有工作的熱情，你可能也會(huì)因?yàn)檫`背了自己對(duì)自己的承諾而感到內(nèi)疚。

這是一種壓倒性的絕望。我們要學(xué)習(xí)的東西太多。我們太容易質(zhì)疑自己的能力。也許我們應(yīng)該放棄奮斗、就這樣接受現(xiàn)實(shí)算了……？

我愛按鈕們。我可以用按鈕做很多事：進(jìn)行下一步，做出決定，或者完成事務(wù)。有了按鈕，交互變得煥發(fā)生機(jī)。

這就是為什么按鈕們是一個(gè)設(shè)計(jì)系統(tǒng)里最重要的組成部分。非常簡(jiǎn)單，它們?cè)谥付ǖ膮^(qū)域提供可以點(diǎn)擊的簡(jiǎn)單標(biāo)簽。因此，按鈕是你應(yīng)用一種設(shè)計(jì)語言的基本特征的重要方式，之后你可以把特征擴(kuò)展到其他更復(fù)雜的部分上。

這篇文章講的是我在一個(gè)新生系統(tǒng)中著手設(shè)計(jì)主要按鈕、次要按鈕、以及一大堆其他類型按鈕的時(shí)候所學(xué)習(xí)到的 12 條經(jīng)驗(yàn)。

圖片在網(wǎng)頁中所扮演的角色越來越重要。作為最常見也是最早使用的網(wǎng)頁多媒體，圖片對(duì)于網(wǎng)頁設(shè)計(jì)師而言至關(guān)重要。如何用好圖片已經(jīng)成為了一項(xiàng)成熟、完善而又講究的技巧，而在高清屏幕無處不在的今天，稍有瑕疵的圖片都在高密度的像素下無所遁形，而不合理的圖片設(shè)計(jì)也不會(huì)逃過訪客的雙眼。

其實(shí)多數(shù)小團(tuán)隊(duì)都沒有專門的用戶研究人員，常由產(chǎn)品與設(shè)計(jì)師來進(jìn)行調(diào)研。本文中，作者簡(jiǎn)要描述了一次專業(yè)的用戶調(diào)研的經(jīng)過。

上周在做競(jìng)品分析，研究了很多相關(guān)案例，總結(jié)了一套關(guān)于交互設(shè)計(jì)師怎么做競(jìng)品分析的方法。今天分享給大家，一定要仔細(xì)看，絕對(duì)是值得你收藏的一篇文章。

做競(jìng)品分析的原因

今天我們來聊聊競(jìng)品分析，它并不是像人們認(rèn)為的那樣——有統(tǒng)一的模板，因?yàn)獒槍?duì)不同的崗位，做的競(jìng)品分析是不同的。所以我的文章標(biāo)題是：交互設(shè)計(jì)師如何做競(jìng)品分析。

導(dǎo)語：日前蘋果發(fā)布會(huì)上，最大的亮點(diǎn)之一當(dāng)屬替代一欄功能鍵的Touch bar。本文包括有5個(gè)小節(jié)，詳細(xì)介紹了Touch bar設(shè)計(jì)原則、新特性和基本元素 ，一起來學(xué)習(xí)。

Touch Bar是位于新一代MacBook Pro鍵盤上方的一條 Retina 顯示屏，同時(shí)也是與主屏幕內(nèi)容交互提供動(dòng)態(tài)操作界面的輸入設(shè)備。基于當(dāng)前語境，Touch Bar的這些控件能對(duì)系統(tǒng)或應(yīng)用的功能進(jìn)行快速訪問。 例如，當(dāng)用戶在編輯文檔時(shí)，Touch Bar可提供調(diào)整字體類型和大小的控件。 當(dāng)用戶查看地圖時(shí)，Touch Bar可一鍵快速查找位置附近的加油站、住宿和餐館。 Touch Bar右側(cè)的Touch ID傳感器支持指紋登錄計(jì)算機(jī)及App Store和Apple Pay的購買支付功能。

隨著大屏幕高清分辨率的普及，我們?cè)诖蛴螒颉⒖措娪啊g覽美圖時(shí)，總希望屏幕越大越好，這種視角上廣度與深度的享受以及和沉浸式、聚焦的體驗(yàn)，是在小屏幕上完全給予不了的。

圖中可以看出5.5英寸以上屏幕可以稱Phablet，7英寸以上就是Tablet。這次案例以Tablet設(shè)備為主，Phablet設(shè)備為輔進(jìn)行體驗(yàn)設(shè)計(jì)。

今天騰訊的@余盼Designer 從色彩構(gòu)成、色彩聯(lián)想、情感化設(shè)計(jì)、秋冬流行色和案例分析等6個(gè)方面聊聊色彩在設(shè)計(jì)中的應(yīng)用。