国产精品久久久久婷婷五月色婷婷,国产精品无码成人久久久,9 9久热RE在线精品视频,国产日韩欧美在线精品二区

400-6787-797

當前位置: 首頁(yè) > 資訊 > 網(wǎng)站設計

交互網(wǎng)頁(yè)設計技巧,創(chuàng )造好的用戶(hù)體驗

責任編輯:神州華宇 來(lái)源:北京網(wǎng)站建設 點(diǎn)擊:216 發(fā)表時(shí)間:2019-03-23

一個(gè)好的用戶(hù)界面具有較高的轉化率和易用性。換句話(huà)說(shuō),它既能滿(mǎn)足商業(yè)用途也便于使用。以下是我們發(fā)現的一些想法清單。
  前言:原文比較長(cháng),共65條,我打算分三次翻譯完,這是1-20條。
  1. 嘗試使用一列布局代替多列
  一列布局會(huì )讓你對全局有更好的掌控。它也能讓你的用戶(hù)預先對整體的內容從上到下有一個(gè)大致的了解。然而多列布局則會(huì )讓用戶(hù)從頁(yè)面的核心內容上分散注意力從而增加額外的風(fēng)險。最好的方法是用一個(gè)有邏輯的敘述然后在文末加上一個(gè)行動(dòng)的口號來(lái)引導用戶(hù)。

嘗試使用一列布局代替多列

  2. 嘗試用禮物代替直接銷(xiāo)售
  為客戶(hù)提供一份禮物是一種友好的方式。然而,更深層次來(lái)說(shuō),禮物也是基于互惠原則的一種有效的說(shuō)服策略。這聽(tīng)起來(lái)顯而易見(jiàn),給別人提供優(yōu)惠,你在將來(lái)的活動(dòng)中也能從中受益。

嘗試用禮物代替直接銷(xiāo)售

  3. 嘗試合并相似的功能,而不是支離破碎的UI
  在產(chǎn)品開(kāi)發(fā)期間,我們很容易在無(wú)意中創(chuàng )建多個(gè)功能一樣的模塊,元素及專(zhuān)題。隨著(zhù)時(shí)間的推移,界面變得支離破碎。留意相同的功能以多種方式展示,因為它容易給你的客戶(hù)帶來(lái)壓力。通常,UI碎片越多,你的客戶(hù)的學(xué)習成本就越高。偶爾考慮通過(guò)合并相似的功能來(lái)重構你的UI。

嘗試合并相似的功能,而不是支離破碎的UI

  4. 嘗試用客戶(hù)評價(jià)來(lái)代替自吹自擂
  客戶(hù)評價(jià)是直接提高轉化率的另一個(gè)強有力的說(shuō)服策略。別人對你產(chǎn)品的支持和好評,是一種很好地號召客戶(hù)行動(dòng)的方式。所以試著(zhù)提供一些證據來(lái)證明這些好評是真實(shí)可信的。

嘗試用客戶(hù)評價(jià)來(lái)代替自吹自擂

  5. 嘗試多次重復您的主旨,而不是只展示一次
  重復你的行動(dòng)口號是一種更適用于長(cháng)頁(yè)面的策略,或者是在多個(gè)頁(yè)面進(jìn)行重復。當然你也不想讓同樣的信息在同一屏幕里重復上10次,這會(huì )讓客戶(hù)很沮喪。然而,長(cháng)頁(yè)面越來(lái)越普遍,將所有東西都展現“在一屏”上的想法也過(guò)時(shí)了。所以將一個(gè)不太顯眼的行動(dòng)列表放在頂部,另一個(gè)突出的行動(dòng)口號放在底部并沒(méi)有什么不妥。當用戶(hù)到達頁(yè)面底部,停頓并思考接下來(lái)改做什么的時(shí)候——一個(gè)潛在的區域或許就能完成一次報價(jià)或成交一筆交易。

嘗試多次重復您的主旨,而不是只展示一次

  6. 嘗試將可點(diǎn)擊/可選擇的樣式區分開(kāi)來(lái),而不是將其模糊
  視覺(jué)上的樣式,例如顏色、層次和對比,可以用來(lái)幫助用戶(hù)理解你最基礎的界面導航語(yǔ)言:我在哪里,我可以到哪里去。為了與你的用戶(hù)清楚地溝通,你的可點(diǎn)擊行為(鏈接,按鈕)、可選元素(可選項),以及單純的文本應該清楚地區分開(kāi)來(lái),然后在這一套界面中保持一致性。在下面的例子中,我選擇藍色標識能被點(diǎn)擊的元素,黑色標識已被選中的元素或表明當前所在的位置。正確運用這些標記,更便于用戶(hù)學(xué)習和使用這些線(xiàn)索來(lái)導航界面。不要模糊這三種功能樣式使產(chǎn)品使用困難。

嘗試將可點(diǎn)擊可選擇的樣式區分開(kāi)來(lái),而不是將其模糊

  7. 嘗試用推薦來(lái)代替羅列相同的選項
  當展示多種服務(wù)時(shí),一個(gè)強力的推薦或許是個(gè)好主意,因為用戶(hù)有時(shí)候需要一點(diǎn)推動(dòng)。一些心理學(xué)的研究表明,選擇性越多,用戶(hù)將想法付諸實(shí)踐并行動(dòng)起來(lái)的概率就越低。為了消除這種選擇障礙,試著(zhù)強調和突出顯示某些選項。

嘗試用推薦來(lái)代替羅列相同的選項

  8. 嘗試用撤銷(xiāo)操作來(lái)代替提示確認
  想象一下,你只是按下了一個(gè)操作按鈕或者鏈接,撤銷(xiāo)能讓操作更流暢自然。另一方面,提示操作則在暗示用戶(hù)不清楚用戶(hù)在干什么,并一直質(zhì)疑用戶(hù)的意圖。大部分情況下我會(huì )假設用戶(hù)是明白自己的意圖的,誤操作只是偶然發(fā)生的。當提示窗口彈出時(shí),用戶(hù)必須重復地進(jìn)行確認操作,一次又一次的提示其實(shí)是一種非常不人性化的設計。所以考慮讓用戶(hù)執行撤銷(xiāo)操作來(lái)提高產(chǎn)品的友好度而不是一直提醒用戶(hù)確認。

嘗試用撤銷(xiāo)操作來(lái)代替提示確認

  9. 嘗試寫(xiě)明產(chǎn)品使用人群而不是所有人
  你的產(chǎn)品是面向所有人還是有精確地指明受眾群體?明確指明你的產(chǎn)品或者服務(wù)的受眾群是明智的。通過(guò)不斷了解目標客戶(hù)的需求及標準,你能獲得更多與客戶(hù)交流的機會(huì ),并且讓客戶(hù)覺(jué)得享受了產(chǎn)品的專(zhuān)屬服務(wù)。這種策略的風(fēng)險是你可能精簡(jiǎn)了自身,并縮小了潛在客戶(hù)的范圍。然而,透明建立信任,你可能因此獲得客戶(hù)更多的信任。

嘗試寫(xiě)明產(chǎn)品使用人群而不是所有人

  10. 嘗試直截了當而不是猶豫不決
  你可以用不確定的帶著(zhù)顫抖的聲音傳達你的信息,也可以滿(mǎn)懷自信地說(shuō)出來(lái)。如果你經(jīng)常用類(lèi)似“也許”、“可能”、“感興趣?”、“想要嗎?”這樣的疑問(wèn)語(yǔ)氣來(lái)結束信息的傳達,或許你可以嘗試用更權威的語(yǔ)氣來(lái)表達。誰(shuí)知道呢,或許更為舒緩的措辭來(lái)告訴用戶(hù)接下來(lái)改怎么做也可以給用戶(hù)留下更多思考的余地。

嘗試直截了當而不是猶豫不決

  11. 嘗試用鮮明的對比代替相似性
  將你的行動(dòng)口號與周?chē)脑貐^分開(kāi)來(lái),使其更顯眼一點(diǎn),能讓你的UI表達更強烈。你能輕易地通過(guò)多種方式讓你的主旨口號更醒目。你能采用明暗色調的對比來(lái)凸顯。你還能采用投影和漸變來(lái)實(shí)現層次上的對比。最后,你還可以從色輪上選取互補色(例如:黃色和紫色)來(lái)進(jìn)一步提高對比度。綜上所述,你應該考慮將你的行動(dòng)口號與頁(yè)面上其它元素明顯區分開(kāi)來(lái)。

嘗試用鮮明的對比代替相似性

  12. 嘗試指明原產(chǎn)地
  指明你的原產(chǎn)地,你的產(chǎn)品或者服務(wù)從哪里來(lái)的,可以將你與客戶(hù)的關(guān)系拉得更近。具體提到產(chǎn)品的原產(chǎn)地的國家、州或者城市,就像人與人溝通時(shí)自我介紹一樣。如果你在產(chǎn)品介紹時(shí)做到這點(diǎn),你的界面顯得更友好。通常,說(shuō)明你的產(chǎn)品的產(chǎn)地也能讓客戶(hù)感覺(jué)產(chǎn)品的質(zhì)量更有保證。這是一種雙贏(yíng)的方法。

嘗試指明原產(chǎn)地

  13. 嘗試精簡(jiǎn)表單
  人類(lèi)天生就抗拒密集型勞動(dòng),并且這也體現在表單填寫(xiě)上。你要求用戶(hù)填寫(xiě)的每一個(gè)字段都有讓用戶(hù)轉身放棄的風(fēng)險。每個(gè)人打字的速度都是不一樣的,況且在移動(dòng)設備端輸入更是一件苦差事。確定是否每一個(gè)字段都是必需的,盡量刪掉不必要的字段。如果你確實(shí)有大量的信息需要用戶(hù)填寫(xiě),考慮將它們分開(kāi)到不同的頁(yè)面填寫(xiě),或者在提交之后還能繼續補充。過(guò)多的字段會(huì )讓你的表單臃腫,要想精簡(jiǎn)也很容易,減少字段就行了。

嘗試精簡(jiǎn)表單

  14. 嘗試暴露選項而不是隱藏它們
  你使用的每一個(gè)下拉菜單隱藏的信息,都需要用戶(hù)用額外的操作才能顯示。假如那些隱藏選項對用戶(hù)來(lái)說(shuō)是貫穿整個(gè)操作的,你可能會(huì )希望它們展示得更明顯一些。保留那些約定俗成的下拉菜單,比如說(shuō)日期和時(shí)間(例如:日歷)或者地理位置的選擇。有時(shí)候下拉菜單在用戶(hù)重復使用的地方也是可以使用的(例如:操作菜單)。在你需要進(jìn)行頁(yè)面跳轉的地方,盡量避免為主要功能使用下拉菜單。

嘗試暴露選項而不是隱藏它們

  15. 嘗試分模塊有條理地敘述而不是長(cháng)篇大論的平鋪直敘
  長(cháng)篇大論的平鋪直敘是很容易失去客戶(hù)的。是的,很長(cháng)的滾動(dòng)頁(yè)面是很帥,但是要小心給客戶(hù)這樣一種感覺(jué)——在頁(yè)面還沒(méi)有結束的時(shí)候誤以為內容已經(jīng)結束。假如你的頁(yè)面需要滾動(dòng),嘗試設置一個(gè)可見(jiàn)的標識,讓用戶(hù)遵循這個(gè)規律看下去。其次,內容間的間隙也不能過(guò)大(當然我指的是一個(gè)區間范圍,況且有這么多的設備尺寸)。

嘗試分模塊有條理地敘述而不是長(cháng)篇大論的平鋪直敘

  16. 嘗試保持焦點(diǎn)而不是濫用鏈接
  為了盡可能滿(mǎn)足更多客戶(hù)的需求,很容易在一個(gè)頁(yè)面上創(chuàng )建得到處都是鏈接。如果我們的重點(diǎn)是長(cháng)文本底部那個(gè)行動(dòng)口號的話(huà),那就得三思了。其它任何鏈接都有可能使用戶(hù)離開(kāi)頁(yè)面。注意你頁(yè)面上鏈接的數量,盡可能平衡導航頁(yè)面上的風(fēng)格(更少的鏈接以及更高的轉化率)。刪除無(wú)關(guān)的鏈接更有可能讓用戶(hù)點(diǎn)擊那個(gè)最重要按鈕。

嘗試保持焦點(diǎn)而不是濫用鏈接

  17. 嘗試顯示進(jìn)度狀態(tài)
  在用戶(hù)界面上我們經(jīng)常顯示有不同狀態(tài)的元素。郵件有已讀、未讀狀態(tài),發(fā)票有已付、未付的狀態(tài),等等。通知用戶(hù)每一條記錄的特殊狀態(tài),是提供信息反饋的好方法。界面狀態(tài)能幫助用戶(hù)很好地理解他們之前的操作是否成功執行,以及接下來(lái)的操作怎么處理。

嘗試顯示進(jìn)度狀態(tài)

  18. 顯示對用戶(hù)有利的按鈕信息,而不是讓用戶(hù)覺(jué)得自己只是在完成任務(wù)
  試想一下界面上有兩個(gè)簡(jiǎn)單的按鈕。一個(gè)按鈕告訴你它將會(huì )“為你省錢(qián)”,而另一個(gè)要求你“立即注冊”。我敢打賭,第一個(gè)按鈕被點(diǎn)擊的幾率更大,因為注冊沒(méi)有自己內在的價(jià)值。而且,注冊讓人想到填不完的表單,過(guò)程特別費勁。假設表明,讓用戶(hù)感到有利可圖的按鈕更有可能被點(diǎn)擊。另外,將好處寫(xiě)在操作按鈕附近可以提醒用戶(hù)這樣操作的原因。當然,現在仍有為基于任務(wù)的操作按鈕保留的空間,不過(guò),這是預留給那些轉化率不高但使用率很高的操作元素。

網(wǎng)頁(yè)設計

  19. 嘗試直接操作而不是無(wú)上下文的菜單
  有時(shí)候,直接在元素上進(jìn)行操作比無(wú)相關(guān)的菜單羅列要更有用。舉個(gè)例子來(lái)說(shuō),當展示數據列表的時(shí)候,我們通常允許用戶(hù)在列表的項上進(jìn)行相關(guān)的操作。在列表項上點(diǎn)擊,或者是鼠標滑過(guò)都能被用來(lái)表達一種特定的操作(刪除,重命名,等等)。直接操作的另一個(gè)例子是點(diǎn)擊一個(gè)數據項(例如說(shuō)一串文本地址)后,然后文本框變成可編輯的狀態(tài)。使用這樣的交互,減少了一些不必要的步驟。不過(guò)對于一些一般性的操作(比如說(shuō)前進(jìn)、后退),使用無(wú)上下文的菜單是沒(méi)有錯的。

北京網(wǎng)頁(yè)設計

  20. 盡量顯示全部?jì)热荻皇莿?chuàng )建額外的頁(yè)面

  當創(chuàng )建登錄頁(yè)面時(shí),在轉換頁(yè)面上顯示全部表單字段會(huì )更好。與單獨創(chuàng )建額外的注冊頁(yè)相比,將注冊表單與登錄頁(yè)合并有更多的好處。首先,我們減少了流程操作中的額外步驟,這樣操作將花費更少的時(shí)間。其次,通過(guò)顯示表單字段的數量,我們也向客戶(hù)展示了注冊表單的實(shí)際長(cháng)度。當然,前提是我們的表單比較短(當然表單也應該盡量簡(jiǎn)短)。




最新文章

人氣排行

在線(xiàn)咨詢(xún) 點(diǎn)擊在線(xiàn)咨詢(xún) 在線(xiàn)咨詢(xún) QQ : 253145422 電話(huà)溝通 熱線(xiàn) : 400-6787-797 電話(huà)微信 電話(huà)同微信:132-6931-9513

客戶(hù)與案例

客戶(hù)案例

?2004-2019 北京神州華宇科技有限公司 版權所有
北京網(wǎng)站建設地址:北京市北清路1號院珠江摩爾國際大廈8號樓2單元1412室
京ICP備12020161號-1
神州華宇:北京網(wǎng)站建設/北京網(wǎng)站制作/北京網(wǎng)站設計等服務(wù)

400-6787-797 132-6931-9513