交互設(shè)計技巧,創(chuàng)造好的用戶體驗(上)

來源:站酷 作者:謝爾魚 學(xué)習:5947人次

前言:原文比較長,共65條,我打算分三次翻譯完,這是1-20條。

 

一個好的用戶界面具有較高的轉(zhuǎn)化率和易用性。換句話說,它既能滿足商業(yè)用途也便于使用。以下是我們發(fā)現(xiàn)的一些想法清單。

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

一列布局會讓你對全局有更好的掌控。它也能讓你的用戶預(yù)先對整體的內(nèi)容從上到下有一個大致的了解。然而多列布局則會讓用戶從頁面的核心內(nèi)容上分散注意力從而增加額外的風險。最好的方法是用一個有邏輯的敘述然后在文末加上一個行動的口號來引導(dǎo)用戶。交互設(shè)計技巧,創(chuàng)造好的用戶體驗(上)

2. 嘗試用禮物代替直接銷售

為客戶提供一份禮物是一種友好的方式。然而,更深層次來說,禮物也是基于互惠原則的一種有效的說服策略。這聽起來顯而易見,給別人提供優(yōu)惠,你在將來的活動中也能從中受益。

交互設(shè)計技巧,創(chuàng)造好的用戶體驗(上)

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

在產(chǎn)品開發(fā)期間,我們很容易在無意中創(chuàng)建多個功能一樣的模塊,元素及專題。隨著時間的推移,界面變得支離破碎。留意相同的功能以多種方式展示,因為它容易給你的客戶帶來壓力。通常,UI碎片越多,你的客戶的學(xué)習成本就越高。偶爾考慮通過合并相似的功能來重構(gòu)你的UI。交互設(shè)計技巧,創(chuàng)造好的用戶體驗(上)

4. 嘗試用客戶評價來代替自吹自擂

客戶評價是直接提高轉(zhuǎn)化率的另一個強有力的說服策略。別人對你產(chǎn)品的支持和好評,是一種很好地號召客戶行動的方式。所以試著提供一些證據(jù)來證明這些好評是真實可信的。

交互設(shè)計技巧,創(chuàng)造好的用戶體驗(上)

5. 嘗試多次重復(fù)您的主旨,而不是只展示一次

重復(fù)你的行動口號是一種更適用于長頁面的策略,或者是在多個頁面進行重復(fù)。當然你也不想讓同樣的信息在同一屏幕里重復(fù)上10次,這會讓客戶很沮喪。然而,長頁面越來越普遍,將所有東西都展現(xiàn)“在一屏”上的想法也過時了。所以將一個不太顯眼的行動列表放在頂部,另一個突出的行動口號放在底部并沒有什么不妥。當用戶到達頁面底部,停頓并思考接下來改做什么的時候——一個潛在的區(qū)域或許就能完成一次報價或成交一筆交易。

交互設(shè)計技巧,創(chuàng)造好的用戶體驗(上)

6. 嘗試將可點擊/可選擇的樣式區(qū)分開來,而不是將其模糊

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

交互設(shè)計技巧,創(chuàng)造好的用戶體驗(上)

7. 嘗試用推薦來代替羅列相同的選項

學(xué)習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!