寫在前面：

設(shè)計(jì)是一門溝通的藝術(shù)，跟信息的溝通，跟設(shè)計(jì)的溝通，跟人的溝通，都是在溝通中獲取信息，達(dá)到目的。

下面我分享幾個(gè)自身工作的經(jīng)驗(yàn)，希望對大家有所幫助。

UI設(shè)計(jì)的最終目的就是為了更好的展示產(chǎn)品的內(nèi)容，讓用戶可以更好的接受。與傳統(tǒng)媒介相比，互聯(lián)網(wǎng)產(chǎn)品所包含的內(nèi)容更多，而且更加復(fù)雜。以書籍為例，我們讀書都是一頁一頁的翻，一句一句的讀，不能跳來跳去。但是對于app和網(wǎng)頁來說，我們無法期望用戶像讀書一樣來使用你的產(chǎn)品。這樣不現(xiàn)實(shí)，現(xiàn)在是快速讀圖時(shí)代，即使面對文字用戶也很少去“讀”，他們更習(xí)慣一目十行的去掃描。互聯(lián)網(wǎng)產(chǎn)品應(yīng)該做到讓用戶在短時(shí)間內(nèi)就可以獲取到他們期望的信息，找到他們想要使用的功能。

什么用戶如此熱衷動效？

答案很簡單，因?yàn)閯有菍?shí)時(shí)交互的本質(zhì)的補(bǔ)充。也就是說，動效可以營造一種跟物理世界的物體交互事的情感體驗(yàn)。無疑，交互能夠帶給用戶滿足感。本文介紹5個(gè)作者認(rèn)為在設(shè)計(jì)動效事非常有用的交互設(shè)計(jì)核心原則。

最近在做項(xiàng)目的時(shí)候，發(fā)現(xiàn)項(xiàng)目上對于彈出框的使用有點(diǎn)混亂。例如，需要給用戶一個(gè)操作提示，用彈出框來完成。用戶對這個(gè)功能不了解，加一個(gè)“查看詳情”的圖標(biāo)，用戶點(diǎn)擊后跳出彈出框來給用戶展示詳情。用戶想查看這筆操作的詳細(xì)記錄，還是用一個(gè)彈出框來展示。因?yàn)橐憩F(xiàn)的內(nèi)容不一樣（表單，文字，插畫），所以彈出框的樣式不統(tǒng)一，設(shè)計(jì)的一致性被打破。而且彈出框出現(xiàn)的頻率過高，會對用戶的正常操作流程造成干擾。所以這篇文章我對彈出框的使用做了一些總結(jié)。

出于對新交互模式的探索和技術(shù)的發(fā)展，曾經(jīng)網(wǎng)頁設(shè)計(jì)中的許多禁忌，現(xiàn)如今反而成為了越來越受歡迎的趨勢，網(wǎng)頁中的滾動交互，就是如此。作為一項(xiàng)基本的交互方式，滾動交互并不是一成不變，它正將新的技巧和新的規(guī)則納入其中，逐步演進(jìn)。

今天的文章，我們會探討滾動交互在網(wǎng)頁中的新變化，探討新“滾動”的利弊，分享技巧。

ERP系統(tǒng)是典型的To B產(chǎn)品，擁有體量大、功能雜、專業(yè)強(qiáng)等特點(diǎn)。前段時(shí)間接觸了如此龐大系統(tǒng)中三個(gè)子系統(tǒng)的改版工作，從手足無措到冷靜思考，在無數(shù)磕磕絆絆中總結(jié)了一些面對大型B端項(xiàng)目時(shí)可用的設(shè)計(jì)思路。

因?yàn)轫?xiàng)目復(fù)雜，此篇是整體設(shè)計(jì)思路的提煉及方法論的提出，具體的案例及方法論闡述后續(xù)會有更多文章來和大家共同探討。

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

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

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

Low-fi的作用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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