向客戶說明比您向他們展示設(shè)計(jì)的任何東西都更多的東西

2010-02-15 網(wǎng)頁設(shè)計(jì)

如果您對此感到困難，則最好的選擇是更詳細(xì)的原型以及大量咖啡。如果沒有，那么您可以使用一些更模糊的內(nèi)容，并專注于模擬預(yù)期的功能。

1：概念原型

這些形狀或形式通?？雌饋矶疾幌癯善?。使用概念性原型，界面的細(xì)節(jié)和布局無關(guān)緊要。在只有你在工作的事情是相互作用和過程。

任何原型的目的都是展示某種東西是如何工作或?qū)⑷绾喂ぷ鞯?。從這個(gè)意義上講，這是最純粹的原型。從字面上看，所有功能都是如此，而形式甚至都沒有涉及到它。

在此階段，它們可以看起來幾乎任何東西。您可以使用流程圖，便利貼，PowerPoint演示文稿，使用粗略的基于圖標(biāo)的插圖來說明該過程的視頻，或者記錄自己在鏡頭前說話并瘋狂揮舞手臂的記錄。任何能說明要點(diǎn)的事情都可以。

概念原型通常用于任何項(xiàng)目的最早階段。您的項(xiàng)目甚至可能沒有名稱。這只是一個(gè)應(yīng)用程序或網(wǎng)站的想法，您會說：“是的，我認(rèn)為它應(yīng)該像這樣工作……”

2：低保真原型

低保真原型是您開始包括布局和屏幕尺寸以及其他更具體問題的地方。它們通常制作得很快，并且丟棄得更快。

它們旨在提供最快的方式來迭代您的想法，直到您和/或您的客戶對基礎(chǔ)感到滿意為止。所以不要依戀。其中大多數(shù)不會持續(xù)很長時(shí)間，這是一件好事。

如前所述，術(shù)語“低保真原型”通?？梢耘c“線框”互換。實(shí)際上，該階段通常發(fā)生在紙上。

當(dāng)在應(yīng)用程序中完成操作時(shí)，建議使用具有基本原型功能（例如鏈接到其他屏幕，注釋等）的應(yīng)用程序。線框圖應(yīng)用程序確實(shí)具有可以更輕松地通過Internet進(jìn)行協(xié)作的優(yōu)點(diǎn)，但是它們通常要慢一些采用。

在項(xiàng)目開始時(shí)也會使用這些名稱，但是現(xiàn)在您可能已經(jīng)有了業(yè)務(wù)模型和名稱的構(gòu)想?，F(xiàn)在是時(shí)候整理一下浮在腦海中的無數(shù)個(gè)想法，然后反復(fù)進(jìn)行，直到您確定肯定可以使用為止。

3：中保真原型

有時(shí)，低保真原型無法很好地理解要點(diǎn)，而高保真暫時(shí)無法解決。也許您尚未完全完善樣式指南，或者尚未制作完所有圖形資源。

無論如何，這是可以在設(shè)計(jì)階段的開始到中期使用的原型。它們通常由原型應(yīng)用制作而成，這些應(yīng)用大量使用了模擬交互。它們也可以通常在CSS框架的幫助下使用HTML和CSS構(gòu)建。

是的，Bootstrap和Foundation可能是目前最大的兩個(gè)原型制作工具。

如果有圖像，則應(yīng)使用品牌圖像，但是可以使用庫存圖像。庫存UI元素通常用于更快地構(gòu)建模擬界面。許多原型應(yīng)用程序都帶有這些元素的庫，以使您的工作更快。

這類原型對于需要了解其外觀和工作原理的近似文字的思想家來說非常有用。對于他們來說，忽略“尚未完成”的標(biāo)頭要比看起來像他們所知道的網(wǎng)站標(biāo)頭看起來像草圖的粗略形狀更容易。

對于這些客戶，您可能希望快速提出自己的想法，而永遠(yuǎn)不要向客戶展示。然后制作一個(gè)中等保真度的原型，使他們更容易看到您要去的地方。

4：高保真原型

好吧，我們在這里。您的項(xiàng)目也是如此。您可以在每個(gè)屏幕上都有自己的模型，一切看起來都很棒?，F(xiàn)在是時(shí)候向人們展示它是如何工作的，當(dāng)有人最終將其與后端代碼集成在一起時(shí)，就該展現(xiàn)它的全部榮耀。

高保真原型通常用于從客戶那里獲得設(shè)計(jì)的最終批準(zhǔn)。但是您不能只向他們發(fā)送PSD。這些東西必須是交互式的。

這通常以兩種方式之一完成。有些使用靜態(tài)HTML和CSS以半交互方式將最終的視覺效果組合在一起。其他人則使用導(dǎo)入圖像甚至原始PSD文件的應(yīng)用程序，并添加偽交互功能來模仿應(yīng)用程序的最終功能。

根據(jù)應(yīng)用程序的不同，您甚至可以在網(wǎng)絡(luò)上（或在移動設(shè)備上，如果您一直在使用應(yīng)用程序的話）在演示這些原型。

原型制作方法

現(xiàn)在，我們已經(jīng)介紹了可以制作的主要原型，是時(shí)候介紹制作原型的工具了。我在上一節(jié)中提到了其中的大多數(shù)，以及它們的基本用法。但我想更詳細(xì)一點(diǎn)。

同樣，您選擇的方法應(yīng)取決于您和客戶的適應(yīng)程度。

視頻或演示文稿原型

這些通常是為了在完成任何具體工作之前就賣出一個(gè)主意。因此，他們通常是針對潛在的投資者。它們也可以用于客戶。但是通常有更有效的方式與客戶溝通。你的旅費(fèi)可能會改變。

用于銷售宣傳的基于視頻和演示的原型通常遵循商業(yè)風(fēng)格的公式：

這是一個(gè)很棒的示例，將視頻原型與紙張?jiān)突旌显谝黄稹?/span>

線框

線框可以在紙上或在應(yīng)用程序中完成。它們幾乎總是被認(rèn)為是低保真原型，盡管如果您有足夠的時(shí)間將它們升級為中保真原型。但是，這很少值得付出。

通常，線框設(shè)計(jì)為可以快速繪制和丟棄。這是使它們在紙上吸引人的原因之一。應(yīng)用程序可以更加精確，并且您可以輕松編輯現(xiàn)有的線框；但是沒有人能勝過任何人都無法看到的素描速度。

但是，如前所述，基于應(yīng)用程序的線框確實(shí)具有更容易模仿界面功能的優(yōu)點(diǎn)。在紙質(zhì)線框上敲擊只會發(fā)出令人愉悅的th聲-unk聲。

那可能很有趣，但可能無法傳達(dá)您的意思。

您可能會選擇同時(shí)使用：用紙確定最基本的概念，用應(yīng)用程序充實(shí)并輕松共享它。

紙樣

它們與線框的不同之處在于它們比工程圖要多得多。在這種原型中，紙用于制作接口的物理模型（如果還是比較平坦的話）。您可以在上面的視頻中看到其中之一。

界面元素通常被繪制，切出，有時(shí)被復(fù)制以制作額外內(nèi)容，然后組裝在另一張紙上。這給了他們靈活性的優(yōu)勢。在可能用線框丟掉整張紙的地方，您可以重新排列紙模型的元素，直到滿意為止。重新排列幾次后，得到的元素大小不正確？只是切出一個(gè)新版本。

與線框相比，它們還傾向于感覺“真實(shí)”。即使不會發(fā)生任何有趣的事情，客戶也可以觸摸紙模型。他們能感覺到。這種觸感有時(shí)可以向客戶說明比您向他們展示的任何東西都更多的東西。

每個(gè)人都需要身體接觸才能更好地理解任何物體。UX設(shè)計(jì)的一半是關(guān)于重新創(chuàng)建與數(shù)字接口的物理交互的感覺。

使用應(yīng)用程序制作的中保真原型

這些與紙張?jiān)陀泻芏喙餐c(diǎn)。使用Invision之類的應(yīng)用程序制作的原型，或其中的許多其他選項(xiàng)之一（請參見下面的列表），通常是由預(yù)先設(shè)計(jì)的界面元素制成的，然后組合在一起以模仿最終產(chǎn)品。

當(dāng)然，區(qū)別在于，所有操作都在屏幕上完成。哦，您可以通過最終的圖形和品牌來做到這一點(diǎn)，使原型看起來與最終產(chǎn)品完全一樣。然后，如前所述，某些應(yīng)用程序可以在瀏覽器和移動設(shè)備上演示產(chǎn)品。

這使觸感重新發(fā)揮作用，而您想要這個(gè)。如果您可以給客戶一種感覺，而他們喜歡，那么您基本上已經(jīng)得到了他們的最終杭州網(wǎng)站建設(shè)。

上一篇：對設(shè)計(jì)流程缺乏經(jīng)驗(yàn)的客戶希望看到看起來更“亮”的東西返回觀點(diǎn)列表下一篇：網(wǎng)站的設(shè)計(jì)一切都將取決于您的工作方式

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/1330.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動與制作
查看詳情
大策略營銷門戶網(wǎng)站
杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁設(shè)計(jì)、制作、開發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情