中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

今天跟大家分享一下如何從交互設(shè)計(jì)的角度，進(jìn)行設(shè)計(jì)改版。enjoy~

作為一枚工作6年有余的老交互，筆者有幸經(jīng)歷、參與過3次比較大型的設(shè)計(jì)改版：網(wǎng)易新聞5.0改版、宜人貸理財(cái)app 3.0改版、愛奇藝app AURA2.0設(shè)計(jì)改版。

相信每個(gè)設(shè)計(jì)師都會(huì)喜歡進(jìn)行設(shè)計(jì)改版，因?yàn)椤@是設(shè)計(jì)師翻身當(dāng)主人的光輝時(shí)刻??！以往的應(yīng)用迭代，都會(huì)是由產(chǎn)品經(jīng)理提需求并主導(dǎo)，這次終于輪到設(shè)計(jì)師了。但是，權(quán)力越大，責(zé)任也越大。

設(shè)計(jì)師該如何進(jìn)行好設(shè)計(jì)改版，才不至于翻車呢？下面且聽我一一介紹。

總結(jié)一下之前的改版經(jīng)驗(yàn)，設(shè)計(jì)改版在交互層面主要有以下4個(gè)方面：

• 交互控件統(tǒng)一：對(duì)線上的交互控件進(jìn)行歸納整理，把不一致的控件挑出來進(jìn)行優(yōu)化；
• 功能優(yōu)化：通過可用性測(cè)試、交互走查、用戶反饋等手段，優(yōu)化現(xiàn)有版本的交互問題；
• 導(dǎo)航優(yōu)化：對(duì)應(yīng)用的信息架構(gòu)進(jìn)行調(diào)整；
• 動(dòng)效優(yōu)化：對(duì)線上的頁面進(jìn)行排查，找到動(dòng)效缺失的地方，統(tǒng)一增加動(dòng)效。

一、交互控件統(tǒng)一

在交互設(shè)計(jì)中，經(jīng)常用到的交互控件有：警告框、提示框（toast）、彈出框、簡(jiǎn)易菜單、模態(tài)視圖、全屏彈框、上拉菜單、活動(dòng)視圖、底板。關(guān)于這些控件的iOS和谷歌設(shè)計(jì)規(guī)范，請(qǐng)參考我之前的這篇文章：3分鐘帶你掌握11個(gè)最常用的交互控件

除了以上的控件，按鈕、輸入框、卡片也可以作為交互控件統(tǒng)一考慮。

接下來要做的，是查看應(yīng)用的所有頁面，找到應(yīng)用中使用了以上控件的地方，并將這些控件都記錄下來。以警告框?yàn)槔?，以下截取了警告框表格的一部分?/p>

當(dāng)你把應(yīng)用中所有的警告框都列舉出來，或多或少都會(huì)發(fā)現(xiàn)一些不符合設(shè)計(jì)規(guī)范的地方。這時(shí)候，你需要依據(jù)設(shè)計(jì)規(guī)范，并根據(jù)自己應(yīng)用的實(shí)際情況，對(duì)每個(gè)警告框提出優(yōu)化建議，就像下面這樣：

最后，把你在優(yōu)化時(shí)運(yùn)用的規(guī)則，總結(jié)成規(guī)范記錄下來。之后新設(shè)計(jì)的警告框，都需要按照新制定的規(guī)范進(jìn)行設(shè)計(jì)。

每個(gè)控件都按照這樣的節(jié)奏走一波，線上應(yīng)用的控件就可以都優(yōu)化一遍，同時(shí)，你也有了一份交互控件的設(shè)計(jì)規(guī)范了。

二、功能優(yōu)化

這一部分，主要指對(duì)線上比較核心的功能進(jìn)行走查，找到可以優(yōu)化的地方，提出交互優(yōu)化方案。走查的方法，是使用用戶體驗(yàn)地圖。

用戶體驗(yàn)地圖是一種梳理用戶場(chǎng)景和體驗(yàn)問題的設(shè)計(jì)方法，它是用可視化的形式，將用戶在經(jīng)歷一個(gè)過程中，用戶的所做、所思、所感都分別展現(xiàn)，以便更全面地了解產(chǎn)品帶給用戶的體驗(yàn)。

下面這張圖，展示的是作者舟航制作的用戶在閑魚購買二手商品的用戶體驗(yàn)地圖：

由于圖中將用戶的行為、思考、情緒、痛點(diǎn)都列了出來，尤其是使用曲線圖表示用戶情緒的起伏變化，這對(duì)于發(fā)現(xiàn)產(chǎn)品劣勢(shì)環(huán)節(jié)，十分有幫助。

制作一張用戶體驗(yàn)地圖，一般需要4步，詳細(xì)制作方法請(qǐng)參考以下文章：【設(shè)計(jì)方法】用戶體驗(yàn)地圖，了解一下

通過用戶體驗(yàn)地圖，將線上的功能都體驗(yàn)一遍，找到需要優(yōu)化的地方并提出優(yōu)化方案，將應(yīng)用的使用體驗(yàn)進(jìn)行提升。

三、導(dǎo)航優(yōu)化

一個(gè)應(yīng)用的導(dǎo)航?jīng)Q定了其最高層級(jí)的信息架構(gòu)。所以如果要改動(dòng)，需要慎重。

網(wǎng)易5.0之前都是采用漢堡包導(dǎo)航：默認(rèn)展示新聞?lì)愋偷膬?nèi)容，將視頻、音頻等內(nèi)容藏在左上角的漢堡包按鈕里；而5.0的改版決定將導(dǎo)航改成底部tab導(dǎo)航。事實(shí)證明，這種導(dǎo)航對(duì)于內(nèi)容有更好的曝光，數(shù)據(jù)上升明顯。

導(dǎo)航層面的改動(dòng)，對(duì)于產(chǎn)品的內(nèi)容展現(xiàn)有比較大的影響，因此需要與產(chǎn)品多次確認(rèn)，確保可行性。

四、動(dòng)效優(yōu)化

動(dòng)效是容易被忽視的部分，其實(shí)動(dòng)效對(duì)于一個(gè)應(yīng)用的流暢度有著十分重要的提升作用。谷歌的設(shè)計(jì)規(guī)范中，總結(jié)了動(dòng)效的4個(gè)作用：

1. 用戶完成操作的反饋；
2. 表達(dá)元素/頁面間的結(jié)構(gòu)關(guān)系和空間關(guān)系；
3. 加載時(shí)間的掩護(hù)；
4. 展現(xiàn)產(chǎn)品個(gè)性，突出細(xì)節(jié)美，愉悅用戶。

由于動(dòng)效沒有比較現(xiàn)成的分類，因此只能靠設(shè)計(jì)師通過梳理、總結(jié)線上的動(dòng)效，自己進(jìn)行歸類。我當(dāng)時(shí)在進(jìn)行動(dòng)效方面的梳理時(shí)，采用了“先發(fā)散、再整理”的方法，效果不錯(cuò)。

具體做法是這樣：

1. 記錄線上頁面已有的和我認(rèn)為應(yīng)該有動(dòng)效的地方；
2. 從頭開始，對(duì)動(dòng)效的類別進(jìn)行標(biāo)記。遇到不能被劃分到已有類別的動(dòng)效，則新立一個(gè)類別；
3. 對(duì)劃分出的類別進(jìn)行review，查看是否有可以整合的可能；
4. 對(duì)每個(gè)類別的動(dòng)效制定規(guī)范，標(biāo)記處需要更改動(dòng)效的頁面。

通過以上的梳理，可以把動(dòng)效分出幾個(gè)類別，并形成動(dòng)效規(guī)范的基礎(chǔ)內(nèi)容。

以上為大家介紹了設(shè)計(jì)改版時(shí)，交互層面如何進(jìn)行優(yōu)化，主要包含4個(gè)方面：交互控件統(tǒng)一、功能優(yōu)化、導(dǎo)航優(yōu)化、動(dòng)效優(yōu)化。

#專欄作家#

沐風(fēng)，微信公眾號(hào)：沐風(fēng)與體驗(yàn)設(shè)計(jì)。人人都是產(chǎn)品經(jīng)理專欄作家，2017年度作家評(píng)選最佳人氣獎(jiǎng)。愛奇藝資深交互設(shè)計(jì)師。留德海龜，曾任職騰訊微生活、網(wǎng)易、宜信。6年交互設(shè)計(jì)經(jīng)驗(yàn)，專注設(shè)計(jì)領(lǐng)域，歡迎關(guān)注。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議