Content writing and its pitfalls

1. 漢堡的菜單

不管你喜不喜歡漢堡菜單,它都是你從移動設備跳到桌面的顯著的元素之一。

如果你不熟悉漢堡包菜單,UI/UX設計師會用它來指代一些網站用來代替傳統導航菜單的三欄圖標。

雖然支持和反對使用漢堡包菜單的理由有很多,但歸根結底還是要看你的網站的目標以及你選擇如何實現它。

如果操作正確,漢堡包菜單為用戶提供了一個干凈、不顯眼的布局,讓他們專注于頁面的內容。漢堡菜單也消除了“決策疲勞”或“分析麻痹”,當人們在頁面上看到太多選項時,就會出現這種情況。

在下面的設計機構中,Telepathy使用漢堡包菜單和傳統菜單的完美組合來創建干凈的UI。

它們在導航欄中顯示了重要的鏈接,同時在漢堡菜單中巧妙地隱藏了其他鏈接。這種方法非常出色,可以為用戶設置明確的路徑。

2. 粘性元素移動到頁面底部

粘性元素是那些看起來被“粘”在頁面特定部分的元素。

雖然這些在網頁設計中并不新鮮,但我們通常會在頁面頂部看到它們。這些元素可以包括一些東西,如粘貼的標題,cookie免責聲明,或“你好”欄推廣一個提議。

移動瀏覽的增長使得人們在設計時特別考慮到所謂的“拇指區”。

這指的是用戶可以通過拇指輕松訪問的頁面元素。

考慮到這一點,元素開始從頁面頂部向下移動到底部,以便更容易地單擊它們。

例如,Facebook在設計“拇指區”方面做得很好。

在下面的截圖中,你可以看到他們將所有的應用程序導航項都移到了屏幕底部。這給了他們更多的關注,使鏈接更容易點擊。

這種方法不僅給用戶帶來我之前提到的熟悉感,而且還提供了一種較少干擾的方式來宣傳消息或要約。

典型的用戶從上到下閱讀,因此將這些元素放在頁面的底部可以使人們專注于內容,然后在準備就緒時輕松地與內容進行交互。

下面的示例顯示了Medium如何在頁面底部使用粘性元素向用戶顯示剩余的免費閱讀次數。用戶仍然可以輕松閱讀內容,然后在準備好后選擇注冊。

3.漸進式加載和骨架屏幕

為了避免用戶的注意力縮短,我們一直在努力尋求網站速度的提高。

當涉及到移動設備時,情況更是如此,因為它只需要發出信號,并且需要等待用戶失去興趣并轉到下一頁的額外幾秒鐘。   

最近在移動設備上,我們已經看到漸進式加載骨架屏幕的使用變得越來越流行。

漸進式加載允許頁面的各個元素在加載后立即可見,而不是一次全部顯示所有內容。

在加載各個元素時,您會看到一個骨架屏幕,該屏幕本質上是頁面的線框。下面的示例是Facebook的框架屏幕。

漸進式加載和骨架框架的好處在于,用戶感覺好像正在取得進展,因此等待時間縮短了。

現在,這種趨勢已轉移到桌面站點,并開始替換(或與之配合使用)陳舊的進度條和微調框。

您可以看到諸如Linkedin之類的網站和諸如Slack之類的應用程序已經利用了這種技術。

4.表情符號的使用

表情符號在2011年進入電話領域,自此變得多產,甚至還擁有自己的電影。

隨著人們在文字和推文中添加不同的表情符號,營銷人員已經采用了這種趨勢并找到了將其應用于營銷的方法也就不足為奇了。

營銷人員從表情符號中獲得很多成功的領域之一是電子郵件主題行。益百利(Experian)發現,在主題行中使用表情符號的品牌中有56%的品牌獲得了更高的開放率。表情符號可說少而又多,從而幫助我們節省了文字有限區域的空間。

表情符號不僅可以幫助我們節省空間,而且易于識別,幫助公司在營銷中注入一些個性和樂趣。

5.極簡設計風格

簡約的設計風格基于“少即是多”的思想。

極簡主義和簡化的配色方案最初是在移動網站上使用的,目的是縮短加載時間并避免在有限的屏幕空間上造成混亂和混亂。

今天的設計師現在正在采用這一概念,并將其擴展到桌面網站,這在Google的Material Design的帶領下取得了很大的進步。  

實施簡約的設計有助于為您的用戶提供清晰的焦點。

許多*限度的站點都使用足夠的空白空間,使用戶更容易一次消化一個部分的信息。這也迫使我們作為營銷人員停下來,真正考慮頁面上*必要的內容以及絨毛。

我喜歡的示例之一是原型軟件Marvel App的主頁。


就在您進入他們的主頁時,您會得到一個大膽的清晰陳述,說明他們的軟件功能以及如何注冊。

當您滾動瀏覽頁面時,該網站感覺非常開放和整潔。它不是太多文本,但是您可以獲得所需的所有必要信息。

6. SaaS的入職體驗

用戶入職不再*于應用程序和移動網站;提供那些用戶可能不熟悉的獨特服務或軟件功能的公司正在使用它。無論他們是在移動網站還是臺式機網站上。

簡而言之,用戶入職是一種工具,可以向客戶介紹服務的特定元素,以確保他們獲得成功。

一些網站(例如Quora)使用此策略作為設置手冊,以使用戶啟動并運行其產品。  

其他站點,例如Duolingo,會使用其入門設置來提醒您可以在其軟件中使用的不同功能。  


這些入門功能在減少用戶首次使用您的軟件時可能產生的摩擦或猶豫方面做得非常出色。

它們還使您有機會真正給人留下良好的*印象,并立即使用戶滿意。

重點介紹

隨著移動設備的持續增長,我們很可能會看到越來越多的趨勢(例如上述趨勢)逐漸轉移到臺式機網站。 

因此,請密切注意自己喜歡的應用程序和網站,并集思廣益如何在網站上使用類似行為。 

在網站上創造更好的體驗時,對這些趨勢持開放態度可能會有所不同。