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

草圖，線框圖，設(shè)計(jì)草稿，高分辨率的可視效果：原型對(duì)交互式應(yīng)用發(fā)展的作用是必不可少的。下面跟大家一起探討一下其中的聯(lián)系和區(qū)別，哪些方式適用于哪些項(xiàng)目。

在電子產(chǎn)品的開發(fā)中沒有一個(gè)最終目的是原型。原型的目標(biāo)是將想法，功能，內(nèi)容形象地表達(dá)出來，以此得到反饋并改進(jìn)產(chǎn)品。交互設(shè)計(jì)中最重要的挑戰(zhàn)往往是界面：它應(yīng)該是友好的，直觀的，最好是一目了然的。

在開發(fā)的過程中會(huì)不斷地出現(xiàn)一些必須用原型的方式來解釋的問題：用戶感知到了什么元素？組件是如何交互的，整個(gè)系統(tǒng)背后的邏輯是怎樣的？這種邏輯用戶是否能快速的理解？操作是否會(huì)令人困惑？原型能夠幫助解答建立在使用價(jià)值之上的實(shí)際問題，以此做出最好的設(shè)計(jì)方案。

但是什么樣的原型適合一個(gè)交互項(xiàng)目的什么階段呢？它應(yīng)該盡量精致還是應(yīng)該簡(jiǎn)易、快速？是否還能用工具對(duì)原型做一些快速的交互呢？

從低保真到高保真

原型根據(jù)外觀和功能有不同程度的保真度。Sketches或者Scribbles通常足以應(yīng)付第一階段的草稿。在這種類型的低保真原型中線框也只用保持簡(jiǎn)練和單色，只用突出框架和功能。這些簡(jiǎn)略的草圖不用色彩豐富絢爛，不用太多的可視化的元素。

用Axure，Balsamiq或者Mockplus等帶有許多組件的原型軟件工具能讓你快速地制作界面。通過進(jìn)一步地集成設(shè)計(jì)元素，線框圖能夠打造得更為精致。

在高保真原型階段，原型和產(chǎn)品同步完成

這種情況下設(shè)計(jì)稿已經(jīng)充斥著色彩，圖形，文本，間距和字體。對(duì)于高保真的程度是沒有統(tǒng)一的標(biāo)準(zhǔn)的，可以用PowerPoint展示，可以用HTML，亦或是圖表的形式。你也可以用Photoshop組合你找到的視覺元素。如果網(wǎng)站或APP是動(dòng)畫的，用比如說After Effects這樣的軟件就可以清楚地向客戶展示產(chǎn)品的思路是怎樣的。

團(tuán)隊(duì)討論和概念測(cè)試中效果不用奪目

測(cè)試過程并不會(huì)像實(shí)踐一般簡(jiǎn)單，合適的原型取決于幾個(gè)因素：目標(biāo)組，技術(shù)背景和開發(fā)階段。“沒有比手繪草圖更好的了”，漢堡的UX設(shè)計(jì)師Miriam Scheibe說到，“像乒乓球一樣在概念和開發(fā)之間不斷來回打磨構(gòu)思。”Scribbles也能用被用來展示行為和交互，比如說展示當(dāng)用戶完成登出的流程后會(huì)發(fā)生什么。在這個(gè)階段只有概念需要被印證，沒有視覺設(shè)計(jì)的必要?！跋敕ㄓ卸嗄：?，原型就應(yīng)該有多簡(jiǎn)單”，Miriam說到。這些草圖應(yīng)該盡量地遠(yuǎn)離產(chǎn)品，因?yàn)獒槍?duì)早期測(cè)試它們還需要修改成特殊的形態(tài)，能夠形成模板，利用原型軟件能夠方便的變?yōu)楹?jiǎn)單的交互網(wǎng)站或APP。

內(nèi)部細(xì)節(jié)溝通

Wireframe有助于內(nèi)部溝通，以傳達(dá)在設(shè)計(jì)，視覺，開發(fā)方面的架構(gòu)信息。盡管這種工作可以由PDF完成，但是其自帶的豐富的工具能提供更多。取代了大量難以閱讀的任務(wù)列表，越來越多的的機(jī)構(gòu)都在使用可以模擬應(yīng)用效果的交互線框圖?？焖俚脑凸ぞ?a target="_blank">Mockplus也能提供幫助。

視覺工作是有必要的?！叭绻麍F(tuán)隊(duì)在概念階段達(dá)成了一致，想要得到部門經(jīng)理的認(rèn)可，展示形式需要更為具體”，Miriam Scheibe解釋到，“因?yàn)檫@些人通常沒有太多時(shí)間，你可能需要在電梯里闡述你的想法。在沒有時(shí)間和預(yù)算用于Photoshop設(shè)計(jì)的情況下，Wireframe也能夠用于集成背景，圖案，字體和色彩。”

甚至如果代理人是代表風(fēng)險(xiǎn)投資的客戶的話，最好依靠高保真的原型而不是在觀眾前表述抽象事物的能力。在這種情況下爆炸式的美學(xué)和令人印象深刻的觸感更加為你的表達(dá)加分。

綜上所述，不同的設(shè)計(jì)階段和設(shè)計(jì)需求有很多合適的工具，線框圖適用于內(nèi)部細(xì)節(jié)溝通，包括頁面結(jié)構(gòu)／導(dǎo)航／交互細(xì)節(jié)等，草圖用于捕捉想法，不必糾結(jié)細(xì)節(jié)的構(gòu)思階段。原型圖則是針對(duì)原型測(cè)試和改進(jìn)，關(guān)于行為和邏輯的驗(yàn)證階段，選擇適合的工具可以為極大地提高設(shè)計(jì)的效率和質(zhì)量，更好地完成產(chǎn)品。

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