国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

這次我們來(lái)講一講產(chǎn)品設(shè)計(jì)中的線框圖。

產(chǎn)品設(shè)計(jì)，一般包括對(duì)產(chǎn)品框架/內(nèi)容的梳理，業(yè)務(wù)流程的理解，再到線框圖的繪制，原型的設(shè)計(jì)，最后產(chǎn)出規(guī)范的設(shè)計(jì)稿。在這其中，令我花費(fèi)最多時(shí)間、精力的往往是線框圖的設(shè)計(jì)。因?yàn)檫@是承上啟下的一環(huán)，既包含著對(duì)產(chǎn)品框架、業(yè)務(wù)流程的驗(yàn)證，也將影響視覺(jué)、程序、測(cè)試同事的工作。

在開(kāi)始線框圖設(shè)計(jì)之前，我們來(lái)看一看什么ToC產(chǎn)品、ToB產(chǎn)品

ToC產(chǎn)品，例如微信、網(wǎng)易云音樂(lè)、新浪微博等。對(duì)這類產(chǎn)品來(lái)說(shuō)，產(chǎn)品設(shè)計(jì)需要提供一個(gè)清晰明了的信息架構(gòu)，讓用戶能很自然的使用產(chǎn)品。因?yàn)門oC產(chǎn)品面對(duì)的是海量的用戶、不同的用戶群體，所有要盡量降低學(xué)習(xí)成本，達(dá)到易用、高效。ToC產(chǎn)品可以通過(guò)減法來(lái)使架構(gòu)更加輕量化，從而達(dá)到易用、高效的目的。

ToB產(chǎn)品，例如工作關(guān)系管理系統(tǒng)、大型功能類系統(tǒng)、業(yè)務(wù)支持系統(tǒng)等。對(duì)這類產(chǎn)品來(lái)說(shuō)，產(chǎn)品設(shè)計(jì)需要提供一個(gè)邏輯嚴(yán)密、功能完備的信息架構(gòu)，讓用戶能按照操作流程順利無(wú)誤的使用各項(xiàng)功能。這樣的繁重架構(gòu)往往會(huì)一定的學(xué)習(xí)成本，但因ToB產(chǎn)品本身用戶群體就比較聚焦，往往使用人員要經(jīng)過(guò)長(zhǎng)時(shí)間的培訓(xùn)才能上崗。使用場(chǎng)景更是復(fù)雜，每個(gè)產(chǎn)品都有幾十個(gè)甚至上百個(gè)的使用場(chǎng)景。所以ToB產(chǎn)品無(wú)法通過(guò)減法使產(chǎn)品輕量化，而是要對(duì)用戶的業(yè)務(wù)流程進(jìn)行深入的了解，從而對(duì)產(chǎn)品的功能進(jìn)行梳理與整合，聚焦核心使用場(chǎng)景。

ToB產(chǎn)品相對(duì)于ToC產(chǎn)品，難點(diǎn)在于：要對(duì)一個(gè)陌生的業(yè)務(wù)領(lǐng)域進(jìn)行深入的了解，這本身就已經(jīng)是一個(gè)巨大的挑戰(zhàn)。并且相對(duì)ToC產(chǎn)品，用戶群體已不是我們身邊的人，而是一個(gè)完全陌生的專業(yè)的用戶群體，所以用戶研究變得更加重要。用戶群體的陌生，業(yè)務(wù)的復(fù)雜導(dǎo)致了ToB產(chǎn)品對(duì)交互設(shè)計(jì)師的要求更加高。要求設(shè)計(jì)師擁有極高的業(yè)務(wù)理解能力以及對(duì)全局的把控能力。即使你不是做B端產(chǎn)品的，相信你看了這篇文章后，也會(huì)有感悟。

今天，我就以我自身從事ToB產(chǎn)品設(shè)計(jì)的經(jīng)驗(yàn)，來(lái)聊一聊線框圖。

在繪制線框圖時(shí)，我們應(yīng)該有一種縱觀全局的理念。只有產(chǎn)品爛熟于心，才能畫出優(yōu)秀的線框圖。并且在線框圖階段要時(shí)刻反問(wèn)自己三個(gè)問(wèn)題：

1. 是否已經(jīng)將用戶的使用路徑減少到最短？
2. 是否符合用戶的使用習(xí)慣？
3. 是否已經(jīng)將信息最精簡(jiǎn)、最直觀的顯示出來(lái)

一、準(zhǔn)備

在開(kāi)始線框圖的設(shè)計(jì)前，最好對(duì)產(chǎn)品框架/內(nèi)容，業(yè)務(wù)流程，用戶群體擁有足夠的了解，并且確定這些內(nèi)容是經(jīng)得起推敲的。否則在設(shè)計(jì)完成后，不免會(huì)遇到需要將整個(gè)線框圖推倒重來(lái)的風(fēng)險(xiǎn)。

二、構(gòu)思

在繪制線框圖時(shí)，你需要有一個(gè)概念，結(jié)合用戶場(chǎng)景，構(gòu)建出你產(chǎn)品的“氣質(zhì)”。比如：你要做一款移動(dòng)端的APP，你的概念是：吸引用戶的注意力，讓用戶花更多時(shí)間在你這個(gè)APP上，那你可以結(jié)合移動(dòng)端的場(chǎng)景，線框圖盡量采取可視化的圖形，吸引用戶的注意力，采用拖拽、滑動(dòng)的操作方式，方便用戶使用；整體營(yíng)造出一個(gè)“沉浸式”的設(shè)計(jì)。在構(gòu)思這一步，應(yīng)該對(duì)產(chǎn)品最終的設(shè)計(jì)風(fēng)格，交互方式有一定的想法，記錄下來(lái)，在后面視覺(jué)設(shè)計(jì)、動(dòng)效設(shè)計(jì)時(shí)，這可是一筆不可多得的財(cái)富。

三、動(dòng)筆

1.對(duì)頁(yè)面進(jìn)行布局的規(guī)劃。

將整個(gè)產(chǎn)品的頁(yè)面進(jìn)行分類，進(jìn)而對(duì)整個(gè)產(chǎn)品的布局進(jìn)行劃分。（部分特殊頁(yè)面布局可能會(huì)相應(yīng)改變）

2.將頁(yè)面的內(nèi)容羅列出來(lái)，細(xì)究各個(gè)內(nèi)容的表現(xiàn)方式，最終再進(jìn)行排版。

將每個(gè)頁(yè)面中的內(nèi)容按類型&重要程度進(jìn)行分類，在這就要求我們對(duì)用戶任務(wù)流程、業(yè)務(wù)流程有足夠深的理解，才又快又好的完成這部分工作。分類完成后，我們?cè)偌?xì)究每種類型內(nèi)容的表現(xiàn)形式（常用的表現(xiàn)形式為：大小、顏色、對(duì)比度、圖形化）。最后，將我們不斷思考、斟酌的頁(yè)面內(nèi)容放入我們已經(jīng)設(shè)計(jì)好的布局中，再進(jìn)行排版，這樣我們的設(shè)計(jì)草圖就已經(jīng)完成了。

3.將設(shè)計(jì)草圖轉(zhuǎn)換為設(shè)計(jì)稿

將原本在紙上的設(shè)計(jì)草圖，轉(zhuǎn)化為電子版的設(shè)計(jì)稿，更加方便團(tuán)隊(duì)內(nèi)部的評(píng)審、修改。

今天就廢話到此啦，謝謝各位的觀看

作者：Rack 授權(quán)轉(zhuǎn)載

原文地址：http://www.jianshu.com/p/7805bc8d7593