編者按：什么是交互設(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)。

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

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

編者按：什么是模塊化設(shè)計(jì)？它有哪些優(yōu)勢(shì)？該如何運(yùn)用模塊化設(shè)計(jì)？本文騰訊CDC 的高手帶你一窺模塊化設(shè)計(jì)的奧妙。

在看組件和元素之前，我們先了解在他們之上的一個(gè)概念

模塊

模塊大家應(yīng)該都不陌生，任何一個(gè)完整的界面，都會(huì)有多個(gè)功能模塊，而每個(gè)模塊內(nèi)有相應(yīng)的組件，每個(gè)組件中又有相應(yīng)的元素，其中任何一點(diǎn)的變化，都會(huì)使用戶對(duì)產(chǎn)品的認(rèn)知發(fā)生改變。

什么是設(shè)計(jì)規(guī)范，設(shè)計(jì)規(guī)范到底有什么用？如何看懂設(shè)計(jì)規(guī)范？今天@Jaret_杰瑞特 結(jié)合實(shí)際工作中的體驗(yàn)，幫你快速上手設(shè)計(jì)規(guī)范。

如果說(shuō)好的產(chǎn)品是運(yùn)營(yíng)出來(lái)的，那么內(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ì)無(wú)線端導(dǎo)購(gòu)的內(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)懷的“冷門(mén)”，一直以來(lái)內(nèi)容似乎是運(yùn)營(yíng)的事兒，設(shè)計(jì)更多是參與到產(chǎn)品、技術(shù)的流程中。那么，大家覺(jué)得作為設(shè)計(jì)師的我們是否要管內(nèi)容的事兒呢？

要關(guān)注！為什么？因?yàn)榻换ピO(shè)計(jì)是一門(mén)關(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)境。

網(wǎng)頁(yè)當(dāng)中說(shuō)到布局設(shè)計(jì)，不得不提柵格，柵格是網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中的基礎(chǔ)，它可以幫你確定網(wǎng)頁(yè)的各個(gè)元素要怎么放置，讓整個(gè)網(wǎng)頁(yè)具有規(guī)范感和正式感，還具有一種結(jié)構(gòu)分明的設(shè)計(jì)感。

當(dāng)我們聊設(shè)計(jì)的時(shí)候，可讀性是我們最常提及的話題。良好的設(shè)計(jì)應(yīng)該都是可讀的設(shè)計(jì)，如果信息都無(wú)法正常而清晰的傳達(dá)，那么設(shè)計(jì)就失去了意義。

設(shè)計(jì)的可讀性和排版設(shè)計(jì)息息相關(guān)，與此同時(shí)，對(duì)比度的控制也是其中的核心。想要提升內(nèi)容的可讀性，讓內(nèi)容以更加順暢、更符合邏輯的形式呈現(xiàn)在用戶面前，你需要借助對(duì)比度來(lái)表達(dá)，讓用戶真正順暢的理解。

色彩對(duì)比

前景的文字需要和背景有著明顯的對(duì)比，它需要能夠吸引用戶的眼球。

設(shè)計(jì)在所有的行業(yè)里一直都是一個(gè)很高深的職業(yè)，不是因?yàn)樗挠腥ぃ呛芏嘣O(shè)計(jì)師們總能將自己的創(chuàng)意躍然紙上，化腐朽為神奇。

然而，近幾年我們不難發(fā)現(xiàn)，設(shè)計(jì)師們的作品越來(lái)越趨向于同質(zhì)化，個(gè)人風(fēng)格不再那么的明顯和獨(dú)特了。

編者按：什么是內(nèi)容化設(shè)計(jì)？設(shè)計(jì)師為什么要關(guān)注內(nèi)容？如何通過(guò)設(shè)計(jì)的手段提高內(nèi)容體驗(yàn)？阿里設(shè)計(jì)師用一個(gè)手淘的實(shí)戰(zhàn)案例，幫你掌握內(nèi)容化設(shè)計(jì)的精髓！

前言

如果說(shuō)好的產(chǎn)品是運(yùn)營(yíng)出來(lái)的，那么內(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ì)無(wú)線端導(dǎo)購(gòu)的內(nèi)容化設(shè)計(jì)有所啟發(fā)。以下是對(duì)大會(huì)相關(guān)內(nèi)容的整理。

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

有不少人，長(zhǎng)久以來(lái)處于一個(gè)誤區(qū)，他們認(rèn)為所有的設(shè)計(jì)師都是內(nèi)向的，只會(huì)對(duì)著電腦干點(diǎn)活出點(diǎn)圖而已，但實(shí)際上，要想做出令大家都滿意的作品，設(shè)計(jì)師是需要在前中后期做大量的溝通工作的，所以如何與自己的“甲方”進(jìn)行溝通，一直是絕大部分設(shè)計(jì)師每天都需要面對(duì)的重要問(wèn)題。