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

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

我們常常說(shuō)“我們是用戶(hù)的代言人，以用戶(hù)為中心做設(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ù)及用戶(hù)目標(biāo)的過(guò)程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。

如果說(shuō)好的產(chǎn)品是運(yùn)營(yíng)出來(lái)的，那么內(nèi)容作為用戶(hù)體驗(yàn)中的重要部分不容忽視。然而我們?cè)谠O(shè)計(jì)中經(jīng)常缺乏內(nèi)容體驗(yàn)的意識(shí)。借著第十三屆用戶(hù)體驗(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ì)策略和用戶(hù)行為數(shù)據(jù)驗(yàn)證。希望能讓大家對(duì)無(wú)線(xiàn)端導(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)注的是用戶(hù)，也就是人和產(chǎn)品之間的交互。但情境也是重要一環(huán)，除了具體場(chǎng)景化情境，設(shè)計(jì)師也要關(guān)注當(dāng)前的時(shí)代環(huán)境。

設(shè)計(jì)傳統(tǒng)的2D界面尚且需要你掌握大量專(zhuān)業(yè)知識(shí)并付出辛勤的汗水，要打造全新的體驗(yàn)獨(dú)特的3D世界又將意味著什么？Mike Alger和Andy Stone正是致力于研究這一問(wèn)題的兩位走在前沿的VR設(shè)計(jì)師。

Mike Alger目前就職于Google，過(guò)去幾年里一直在VR領(lǐng)域進(jìn)行探索，他所制作的幾部VR設(shè)計(jì)理念講解視頻堪稱(chēng)業(yè)界經(jīng)典。Andy Stone是Emerson Stone設(shè)計(jì)公司的合作伙伴，同時(shí)也是Medium上的VR話(huà)題作者之一。

編者按：什么是服務(wù)設(shè)計(jì)？為什么大家都開(kāi)始學(xué)習(xí)服務(wù)設(shè)計(jì)？服務(wù)設(shè)計(jì)有哪些原則，它的基礎(chǔ)流程和工具是什么？今天阿里設(shè)計(jì)師由夏用這篇文章帶你快速入門(mén)。

總監(jiān)最近撰寫(xiě)了一篇讀書(shū)筆記，聊聊如何從用戶(hù)體驗(yàn)設(shè)計(jì)的角度來(lái)學(xué)習(xí)服務(wù)設(shè)計(jì)：《趨勢(shì)搶先知！2017年設(shè)計(jì)師都在討論的服務(wù)設(shè)計(jì)到底是什么？》

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

呆呆：今年是我入行互聯(lián)網(wǎng)的第三個(gè)年頭，成長(zhǎng)也一直伴隨著我。經(jīng)常有小伙伴問(wèn)我：怎么自學(xué)，工作后怎么進(jìn)步。

我一直沒(méi)太在意這些問(wèn)題，只是覺(jué)得人與人之間總是有區(qū)別的，因?yàn)橛幸活?lèi)人是行動(dòng)派，想到了就會(huì)去做，即使質(zhì)疑自己的想法，但依然會(huì)保持學(xué)習(xí)的心直接行動(dòng)，害怕想多了反而什么都沒(méi)做，浪費(fèi)了時(shí)間；另一類(lèi)人，心里想著要進(jìn)步，但是從來(lái)不會(huì)去行動(dòng)，而是先找方法，找捷徑，導(dǎo)致最后什么都沒(méi)去做，時(shí)間也就浪費(fèi)了。相比前者，這類(lèi)人已經(jīng)浪費(fèi)了可以進(jìn)步的那些機(jī)會(huì)。

編者按：極簡(jiǎn)主義的流行讓越來(lái)越多的網(wǎng)頁(yè)設(shè)計(jì)師開(kāi)始著迷簡(jiǎn)單、簡(jiǎn)約的網(wǎng)頁(yè)設(shè)計(jì)，CARRIE COUSINS 的這篇文章就幫你搞定這個(gè)問(wèn)題~

坦率的講，在網(wǎng)頁(yè)設(shè)計(jì)這件事情上，簡(jiǎn)單的設(shè)計(jì)往往更好。一個(gè)簡(jiǎn)單易用的界面更容易為用戶(hù)所掌握，也更容易將一個(gè)新用戶(hù)轉(zhuǎn)化為一個(gè)活躍用戶(hù)。

面對(duì)龐雜的需求，許多設(shè)計(jì)師總會(huì)身不由己地向著復(fù)雜的方向來(lái)設(shè)計(jì)網(wǎng)頁(yè)，那么到底要如何將一個(gè)已經(jīng)比較復(fù)雜的網(wǎng)站簡(jiǎn)化下來(lái)呢？其實(shí)思路并不復(fù)雜，訣竅在于根據(jù)用戶(hù)目標(biāo)，重新審視整個(gè)路徑，將妨礙用戶(hù)達(dá)成目標(biāo)的障礙都清除掉。

而今天我們要聊的10個(gè)簡(jiǎn)化技巧都是圍繞著這個(gè)思路來(lái)推進(jìn)的。無(wú)論你是正在設(shè)計(jì)一個(gè)全新的網(wǎng)站，還是針對(duì)現(xiàn)有的網(wǎng)站進(jìn)行簡(jiǎn)化，這10個(gè)簡(jiǎn)化技巧都非常值得嘗試。

處理用戶(hù)驗(yàn)證通常是事后諸葛亮，我們總指望它有用，但很少深入思考它。它應(yīng)該足夠簡(jiǎn)單，但事實(shí)是，無(wú)論對(duì)于用戶(hù)還是運(yùn)營(yíng)產(chǎn)品的公司，都像是在自找麻煩。登錄失敗、忘記密碼和冗長(zhǎng)的交互。

登錄界面是你的應(yīng)用中最常展示的界面之一。客觀地說(shuō)，75%的人都在登錄時(shí)重置過(guò)密碼，廢棄了之前的密碼。在企業(yè)內(nèi)網(wǎng)登錄中，忘記密碼是幫助臺(tái)每天處理的頭號(hào)問(wèn)題。通過(guò)清晰的表述和設(shè)計(jì)良好的流程，能極大的減少這些問(wèn)題的數(shù)量。

要提升用戶(hù)驗(yàn)證的體驗(yàn)，降低服務(wù)成本，增加轉(zhuǎn)化率，有幾件事情要好好考慮。

之前有粉絲留言說(shuō)希望我們能寫(xiě)一篇關(guān)于iOS和Android平臺(tái)特性對(duì)比的文章，筆者曾經(jīng)為兩個(gè)平臺(tái)分別做過(guò)差異化的設(shè)計(jì)，所以今天想借此話(huà)題為大家介紹一下iOS和Android兩個(gè)系統(tǒng)在設(shè)計(jì)方面的差異之處，讓大家能更好的理解其中的異同并運(yùn)用在自己的設(shè)計(jì)當(dāng)中。

作為智能手機(jī)的最大的兩個(gè)陣營(yíng)，iOS和Android系統(tǒng)差異一向都是大家津津樂(lè)道的話(huà)題，其中內(nèi)容通常是圍繞“機(jī)器性能好不好，打開(kāi)軟件卡不卡”“攝像頭的像素高不高，拍出來(lái)的自己美不美”“外觀是不是有bigger”等話(huà)題展開(kāi)的。

但在一個(gè)設(shè)計(jì)師眼里，這兩個(gè)系統(tǒng)的差異性之多可遠(yuǎn)遠(yuǎn)不止表面上看起來(lái)的那么簡(jiǎn)單粗暴。但在移動(dòng)端趨勢(shì)有如春草那樣蔓延開(kāi)來(lái)的今天，大多數(shù)的公司都選擇把iOS的界面直接運(yùn)用于Android系統(tǒng)。我們自然可以理解這樣做是為了節(jié)省成本和更快的迭代，但抹殺了系統(tǒng)特性的運(yùn)用卻犧牲了許多Android用戶(hù)的用戶(hù)體驗(yàn)。盡管知乎也有類(lèi)似回答過(guò)兩個(gè)系統(tǒng)交互的不同，今天筆者想更著重介紹一下兩者設(shè)計(jì)語(yǔ)言的異同。

CSS Variable 即CSS變量，聊CSS變量之前，我想先來(lái)說(shuō)說(shuō)Sass和Less,還有Stylus，它們都是目前使用較為普遍的三款CSS預(yù)處理框架，我們?yōu)槭裁匆褂盟鼈兡兀驗(yàn)樗鼈兌伎梢宰屇阍贑SS中方便的使用變量、簡(jiǎn)單的程序邏輯、函數(shù)等在編程時(shí)使用的一些基本技巧，這些框架對(duì)于這種CSS預(yù)處理的技術(shù)已經(jīng)非常成熟，可以讓你的CSS代碼變的更加簡(jiǎn)潔、便于維護(hù)、在編寫(xiě)的時(shí)候也無(wú)需考慮代碼的兼容性。