當(dāng)前位置：新聞中心網(wǎng)頁設(shè)計(jì) 什么是通知。它們的目的是激發(fā)行為的設(shè)計(jì)

02-152010

觀點(diǎn)

網(wǎng)頁設(shè)計(jì)

什么是通知。它們的目的是激發(fā)行為的設(shè)計(jì)

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

如果您認(rèn)為必須始終將客戶的網(wǎng)站設(shè)計(jì)為快速運(yùn)行，那將是可以原諒的。畢竟，在現(xiàn)代的UX最佳實(shí)踐中，網(wǎng)站必須快速運(yùn)行，以降低跳出率，保持網(wǎng)站訪問者的參與度并使其回頭客。

用戶不喜歡慢速站點(diǎn)，因?yàn)槊總€(gè)人都習(xí)慣了網(wǎng)絡(luò)上的速度越來越快。如果他們必須等待五秒鐘才能加載新聞?wù)军c(diǎn)，但是類似的新聞?wù)军c(diǎn)將在兩秒鐘內(nèi)加載頁面，那么您可以打賭，速度更快的站點(diǎn)將吸引訪問者。

為了您的...網(wǎng)站取悅觀眾......它并不一定要快，只是要感覺快

但是，網(wǎng)頁設(shè)計(jì)的一個(gè)非常奇怪的方面是感知是現(xiàn)實(shí)。為了使您的客戶的網(wǎng)站取悅訪客并保留他們，并不一定要很快，而必須感覺很快。

了解這種區(qū)別可以使您設(shè)計(jì)出具有出色用戶體驗(yàn)和吸引訪問者的網(wǎng)站。就是這樣…

不僅僅是我說快速站點(diǎn)是非?？扇〉?數(shù)據(jù)也是如此。Moz說，如果您加快客戶速度，就可以提高為您設(shè)計(jì)的網(wǎng)站的轉(zhuǎn)換率。

案例研究也證實(shí)了這一點(diǎn)：僅比其他網(wǎng)頁快一秒的移動網(wǎng)頁的轉(zhuǎn)化率提高了27％。從銷售角度來看，這可能是巨大的！

顯然，當(dāng)網(wǎng)站速度更快時(shí)，訪問者停留的時(shí)間更長，對您的內(nèi)容的參與度更高，然后轉(zhuǎn)化率更高。

重要的是訪問者的經(jīng)歷，這取決于他們的感知

但是，訪問者無需坐在秒表旁看著秒表來檢查著陸頁的速度，只有一個(gè)人在測量站點(diǎn)的實(shí)際速度。重要的是訪問者的體驗(yàn)，這取決于他們的感知。

什么是骨架屏幕？骨架屏幕是空白的網(wǎng)頁，隨著頁面的加載完成，它會逐漸填充內(nèi)容。骨架屏幕是諸如進(jìn)度條或微調(diào)器之類的技術(shù)的一種智能且有效的替代方法，這些技術(shù)顯示出一種緩慢的頁面加載感。

在過去的幾年中，“ 用戶體驗(yàn) ”一詞日趨重要，與此同時(shí)，我們也見證了UX設(shè)計(jì)器的興起。

每隔幾個(gè)月，有人會在推特上發(fā)布一對圖像，一個(gè)將是餅干（標(biāo)記為“ UI”），另一個(gè)將是一張自鳴得意的臉吃著所述餅干（標(biāo)記為“ UX”）。幾周后，Medium上出現(xiàn)了衷心的帖子，駁斥該推文，理由是“ UI”的正確定義是將餅干浸入其中的那杯茶。

我們抓住了這些隱喻，因?yàn)椤?UX設(shè)計(jì)”已成為我們?nèi)栽趪L試定義的流程的統(tǒng)稱。

例如，過山車設(shè)計(jì)師可以說是設(shè)計(jì)經(jīng)驗(yàn)。過山車是感官上壓倒性的體驗(yàn)。由于重力，平衡，聲音，氣壓的劇烈變化，在驚險(xiǎn)刺激的情況下，您幾乎沒有注意到，您真正看到的只是座椅前方的靠背。過山車是一種可以設(shè)計(jì)的體驗(yàn)，因?yàn)轶w驗(yàn)的變化是有限的。但是即使那樣，我們也無法控制隊(duì)列的長度，天氣或騎車前孩子坐在你旁邊吮吸的草莓奶昔的量。

Framer是一個(gè)非常強(qiáng)大的工具，可以原型化您可以想到的任何東西，但是如果您查看Framer's Gallery，您會很快注意到：

在這54個(gè)示例中，有48個(gè)是應(yīng)用，其中4個(gè)用于Apple Watch，1個(gè)用于iPad和1個(gè)用于Apple TV。Framer甚至用于“傳統(tǒng)”的Web /桌面設(shè)計(jì)嗎？

在IBM Design，我的大多數(shù)設(shè)計(jì)都是針對企業(yè)桌面Web應(yīng)用程序而設(shè)計(jì)的。與我合作的大多數(shù)設(shè)計(jì)師都使用Sketch（包括我自己）。然后使用諸如InVision之類的工具對這些Sketch文件進(jìn)行原型化，或者使用代碼重新創(chuàng)建和原型化。作為設(shè)計(jì)團(tuán)隊(duì)的前端開發(fā)人員，我在設(shè)計(jì)和代碼原型方面都處于獨(dú)特的位置。

在學(xué)習(xí)了Framer的基礎(chǔ)知識之后，我決定將其添加到我的工作流程中，這確實(shí)改善了我的設(shè)計(jì)過程。最強(qiáng)大的功能是能夠在相對較短的時(shí)間內(nèi)將靜態(tài)Sketch文件導(dǎo)入Framer，并將其轉(zhuǎn)換為逼真的交互式原型。

有了這個(gè)，我不必在重新開始用代碼創(chuàng)建設(shè)計(jì)的過程中花費(fèi)寶貴的時(shí)間。我可以更快地將想法傳達(dá)給利益相關(guān)者和用戶。我可以保存編碼，以便以后在項(xiàng)目更加鞏固時(shí)使用。

您是否知道“入職”一詞來自人事部門，是指新員工獲得必要的技能和知識以有效地以新員工身份加入公司時(shí)？

最終，它的含義發(fā)生了變化，轉(zhuǎn)而指需要新知識才能使用新產(chǎn)品（例如網(wǎng)絡(luò)或移動應(yīng)用）的新用戶。

“用戶體驗(yàn)”是一個(gè)寬泛的術(shù)語，在會議上被廣泛使用，并與“用戶界面”互換，就好像兩者是相同的-不是。由于UX和Web設(shè)計(jì)角色逐漸開始重疊，這種混亂可能已經(jīng)影響了您的職業(yè)。甚至您的客戶也可能對您的工作確切感到困惑。

不管喜歡與否，UX對Web設(shè)計(jì)人員的工作產(chǎn)生了巨大影響。您可以創(chuàng)建世界上最好的設(shè)計(jì)，但是如果無法使用它就不會成功。除非您了解一些用戶體驗(yàn)策略，否則它將無法使用。這些用戶體驗(yàn)課程將教您如何提高項(xiàng)目的可用性，并使您成為客戶不可或缺的一部分。

1）UX不是UI

即使您不互換術(shù)語“ UX”和“ UI”，您也可能會在某些時(shí)候聽到客戶說出來。您必須能夠解釋UX和UI之間的區(qū)別，以便他們可以了解什么是工作，什么不是工作。

用戶界面指的是實(shí)際系統(tǒng)…用戶體驗(yàn)與情感有關(guān)…

用戶界面是指客戶端與之交互的實(shí)際系統(tǒng)。iPhone的設(shè)置菜單的布局是一個(gè)用戶界面。用戶體驗(yàn)與界面在交互過程中引起的情感有關(guān)。用戶對易于使用的設(shè)置菜單的滿意度是用戶體驗(yàn)。

從本質(zhì)上講，用戶體驗(yàn)是用戶界面帶來的全部情感。優(yōu)秀的UX設(shè)計(jì)師了解人類的情感和用戶行為模式，因?yàn)檫@些因素會影響用戶對界面的響應(yīng)方式。

2）UX不僅是“網(wǎng)絡(luò)事物”

Web設(shè)計(jì)只是UX的一小部分。您看到的每個(gè)打印設(shè)計(jì)，使用的產(chǎn)品，甚至是放置的地方，都具有UX。在糟糕的餐廳吃飯是一種糟糕的經(jīng)歷。輕松地打開包裝是個(gè)不錯(cuò)的選擇。

離線UX設(shè)計(jì)可能看起來像是一個(gè)不同的球類游戲-畢竟，創(chuàng)建可導(dǎo)航的網(wǎng)站與設(shè)計(jì)供人們在真實(shí)道路上行駛的跑車并不相同-但實(shí)際上，這兩種類型的UX會相互影響。

導(dǎo)航欄是網(wǎng)絡(luò)和物理世界如何重疊的一個(gè)很好的例子。網(wǎng)站導(dǎo)航曾經(jīng)位于頁面的左側(cè)，但是有人意識到我們將信息從左到右排列優(yōu)先級，這意味著內(nèi)容應(yīng)該在左側(cè)。到2000年代初，導(dǎo)航欄已移至視口的右側(cè)。

如果您是一名Web設(shè)計(jì)師，那么在印刷，包裝或其他類型的物理UX設(shè)計(jì)上進(jìn)行繪畫永遠(yuǎn)不會有任何傷害。這種交叉培訓(xùn)可以擴(kuò)展您的知識，并幫助您從新的角度看項(xiàng)目。

3）UX是藝術(shù)與科學(xué)的結(jié)合

藝術(shù)和科學(xué)是一對奇怪的夫婦，但本質(zhì)上就是用戶體驗(yàn)。了解UX如何將藝術(shù)與科學(xué)結(jié)合在一起，可以使您優(yōu)化設(shè)計(jì)過程，從而更輕松地找到解決方案。

UX是科學(xué)的，因?yàn)樗岢隽艘粋€(gè)解決問題的方案，其中設(shè)計(jì)者提出了有關(guān)如何解決問題的理論。因此，可以說問題出在網(wǎng)站過時(shí)而損害了銷售。設(shè)計(jì)者提出了一種更新站點(diǎn)的方法。通過測試和改編，該建議演變?yōu)榻鉀Q方案。

解決方案是藝術(shù)的發(fā)源地。顏色，字體，布局等都結(jié)合在一起，創(chuàng)建出美觀的整體。與在畫廊中觀看藝術(shù)品一樣，設(shè)計(jì)引起了情感反應(yīng)，進(jìn)而產(chǎn)生了外向的行為。

4）UX創(chuàng)建目標(biāo)驅(qū)動的設(shè)計(jì)

每個(gè)設(shè)計(jì)師都與堅(jiān)持堅(jiān)持以自己的方式做事的客戶打交道。這造成了一個(gè)難題，因?yàn)榭蛻舻姆绞娇赡懿皇墙鉀Q該特定問題的唯一或最佳方式。同樣，一些設(shè)計(jì)師認(rèn)為他們的方式是唯一的方式，不會聽取其他任何想法，即使這些想法可能會更好。

UX不是采用這種專一的方法，而是源于使用目標(biāo)驅(qū)動的設(shè)計(jì)來尋找最有效的解決方案。

假設(shè)您的客戶希望將其客戶推薦鏈接移至頁面頂部，從而獲得更多流量。但是問題不一定是鏈接的位置。就是鏈接需要更多流量。您也可以通過使鏈接在所在位置更加可見來解決問題。兩種解決方案都可以解決問題；對這些選項(xiàng)開放是目標(biāo)驅(qū)動的設(shè)計(jì)。

5）UX展示您的品牌

好的UX設(shè)計(jì)可以反映品牌特征，因此它要求您忠實(shí)于客戶的目標(biāo)。

有時(shí)，您可能會發(fā)現(xiàn)自己陷入了設(shè)計(jì)tr。顏色容易出現(xiàn)，類型融合在一起，圖像富有想象力-而且都不符合客戶的品牌形象。

當(dāng)務(wù)之急是不要陷入無法滿足客戶需求的外觀中。盡管這聽起來似乎很可笑，但它比您預(yù)期的要容易得多（而且經(jīng)常發(fā)生）。

好的UX設(shè)計(jì)可以反映品牌特征，因此它要求您忠實(shí)于客戶的目標(biāo)。確保您先詢問有關(guān)品牌的問題，并安排利益相關(guān)者的定期投入，這些利益相關(guān)者將能夠告訴您您是堅(jiān)持該品牌還是在逃走。

6）用戶的UX設(shè)計(jì)

說“為用戶設(shè)計(jì)”聽起來很傻，因?yàn)檫@就是UX。然而，許多網(wǎng)頁設(shè)計(jì)師常常是他們自己創(chuàng)造力的受害者。他們的設(shè)計(jì)千篇一律-甚至可以滿足客戶的期望-但它們?nèi)钥赡軣o法滿足用戶的需求。

為用戶設(shè)計(jì)時(shí)，您需要做一些對廣告素材來說通常很困難的事情：放開您的意見。盡管您可能將某些東西視為最佳，但對于這種情況可能并非最佳。

為了確保您走在正確的道路上，您將需要學(xué)習(xí)一些有關(guān)用戶驅(qū)動設(shè)計(jì)的準(zhǔn)則。一個(gè)好的經(jīng)驗(yàn)法則是從研究不同類型的用戶并確定他們?nèi)绾问褂媚诠ぷ鞯木W(wǎng)站開始。在發(fā)布完成的設(shè)計(jì)之前，請使用A / B測試來驗(yàn)證您是否已達(dá)到最佳解決方案。

7）識別行為觸發(fā)因素

好的UX設(shè)計(jì)在很大程度上取決于心理學(xué)。最酷的部分是，UX設(shè)計(jì)人員不僅可以學(xué)習(xí)用戶的傾向，還可以觸發(fā)導(dǎo)致轉(zhuǎn)換的新行為。但是這樣做有對與錯(cuò)的方法。

以通知為例。它們的目的是激發(fā)行為，但是很容易忘記實(shí)際上要為用戶花費(fèi)時(shí)間和精力。一些設(shè)計(jì)師在最糟糕的時(shí)刻用通知轟炸用戶，然后想知道為什么沒有回應(yīng)。

訣竅是研究用戶的動機(jī)在一整天中如何變化，以便您可以相應(yīng)地安排通知時(shí)間。例如，收到關(guān)于工作方式的通知不會有任何好處，因?yàn)橛脩舻墓ぷ髂繕?biāo)是相互競爭且更為緊迫的目標(biāo)。但是在回家的路上收到的相同通知引起了更多關(guān)注，因?yàn)楝F(xiàn)在用戶實(shí)際上有時(shí)間參與該行為。

您的目標(biāo)是為用戶提供有益的解決方案；以某種方式幫助他們度過美好的一天。您對他們的欲望和習(xí)慣的追求越多，您的設(shè)計(jì)就會越成功。

在過去的四年中，我一直在設(shè)計(jì)儀表板和應(yīng)用程序，并且我學(xué)會了如何與不同部門打交道，并利用他們的知識來提高杭州網(wǎng)站建設(shè)的效率。

上一篇：設(shè)計(jì)原則應(yīng)用到您的Web設(shè)計(jì)中，創(chuàng)建更好，更有效的網(wǎng)站返回觀點(diǎn)列表下一篇：與用戶溝通設(shè)計(jì)定稿的決定是設(shè)計(jì)的第一步

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/1300.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)系在線客服或撥打電話咨詢
查看詳情