一、互動設計中的語言
互動建立在有效交流的基礎之上,而交流在很大程度上依賴於語言。文案看上去可能並非頭等大事(尤其當你擁有一支內容策劃和文案編輯團隊時),但你必須明白,文案寫作是受到整體設計的影響,同時影響了整體設計的。試想,如果視覺設計師在標題位置只留了夠寫兩個字的空間,那麼整個頁面的流暢性勢必無法保證。
1、為何文案是互動設計的基礎
問候:首先,你的產品文案不僅僅是一句友好的問候,它還解釋了這個網站的性質。其次,無論是建議註冊,或者直接跳轉到能夠吸引使用者的內容,文案還起到了引導使用者第一步操作的作用。如同我們經常說的,互動設計需要被當做一次交談來對待,所以這是你創造人性化體驗的第一次機會。
下圖是旅行租房網站 AirBnB 的案例,文案極簡,但同時深入人心。標題 Just for the Weekend 和 Explore the World 讓使用者在去往特定目的地之前看到 AirBnB能夠帶來的體驗。這個互動很微妙,通過文字的暗示,它構建了產品體驗的框架 – 讓使用者距離一次愉快的旅程更近一步。
導航:文案告訴使用者他們在哪兒,同時提供新的或者鮮為人知的選項,加深使用者的體驗。任何廣告商都知道,不同的文案在宣傳效果上截然不同,一個充滿吸引力的描述可以“兜售”一個網頁,同時告訴使用者,裡面包含了什麼內容。
指引操作: 選單、按鈕以及指示說明上的文字,都對產品的可用性起到了至關重要的作用—沒有它們,使用者將在苦苦摸索的過程中產生挫敗感。簡短的語言可以節省時間,選擇得當的詞語可以增加註冊和銷售的機會。使用者是為了達成他們的目標而來到你的網頁的,所以,設計能夠指引互動操作的文案吧。
提供幫助: 與指引操作相似,文字也可以在幫助環節中起到重要作用。在解釋清楚一個問題或者解決方案的過程中,文案會影響使用者的情緒—可以幫助降低偶發錯誤帶來的影響(無論錯誤是不是使用者造成的)。
下圖Github的404報錯頁面是一個在出現偶發錯誤時提供使用者幫助的極佳案例。頁面很有趣,報錯時引用了星球大戰的畫面,成功轉移了使用者注意力。同時,頁面底部的文案告訴了使用者怎樣返回原路徑。這是最值得注意的地方,因為個性化的內容只能在有限範圍內幫到你,使用者遲早還是會意識到,他們還沒有達到他們要去的地方。
2、內容為王
Interecom的聯合創始人Des Traynor 提出了一系列有幫助的自測問題。你可以使用下面的問題列表去檢驗互動介面上的文案內容:
讀者是誰?不僅要知道你的目標使用者是誰,你還需要知道他們所屬的型別:新使用者、老使用者、註冊使用者還是免費使用者,等等。例如,新使用者就需要更多直白的語言。
什麼時候讀?一個訊息應該突然出現,還是根據使用者行為作出響應?讓使用者能夠預期到它,還是由它抓住使用者的注意?以上這些細節能夠決定互動是平滑過渡或者滯澀中斷。
需要知道什麼?確保你的文字準確地傳達了你想要說的,並且是通過所有可能的方式裡最好的。
下一步是什麼?任務完成了嗎?是否需要進一步的操作?就像之前Github的例子,每一次互動行為都需要把使用者送至離目標更進一步的位置。
形式是什麼?說到形式,我們指的是互動介面的形式(網頁、應用、郵件等等)。你會使用彈窗還是出現在螢幕頂部的全域性警告?每一種形式都有它們的優缺點。例如比起模態視窗,一個彈窗能夠承載的資訊要少得多。還要注意細節,250毫秒的時間就會造成愉悅或者厭煩的差別。
最佳的調性是什麼?一個產品的調性,傳遞了一個品牌的聲音,所以調性的選擇是需要仔細斟酌的。一個詼諧或者嚴肅的調性本身不存在好壞,但是放在錯誤的環境中,它們可能會變得完全不對。
二、與使用者產生不可思議的交流
1、清晰是最重要的
模糊不清是好設計的最大敵人,這一點在介面設計中尤為明顯。由於在介面設計中,文字是最直接的互動形式,如果模糊不清只會讓人更加困惑。
保持明確:準確地陳述你的意思,將模糊性降到最低。選擇正確的詞彙,例如“儲存”並不等同於“提交”,而“過濾”和“搜尋”也是不一樣的。
避免使用專業術語:在互動設計中一個簡單的錯誤就是對你的使用者使用你常在辦公室說的語言。除非你正在給別的設計師或者開發者設計產品,否則你的專業術語將會讓你的使用者一頭霧水。當我們頻繁地在電子書中使用UX、IxD、UI時,普通人或許完全不知道我們在說什麼。
重要的文字放前面:重要的文字應該放在最前面和最中心的位置上。如下圖在一個表格框中,“First name” 就比 “Name(first)” 好很多。如果你希望使用者對某個頁面的底部的一個細節引起注意的話,“下面你會看到更多細節” 就不如 “更多細節在下面” 更有效。
刪掉多餘的文字:William Strunk,Jr.在經典的風格元素一文中提到在所有的寫作中一個非常重要的基本原則就是避免多餘的文字,多餘的文字會讓你的設計變更繁冗、特徵不夠明顯並且浪費注意力。有一項研究通過對205873個網頁調研發現,使用者大約只需要10到20秒就能決定一個網頁是否值得去看。
2、不要強制個性化
知名品牌通常把文字能夠清晰表達含義看作最重要的,當個性特徵影響清楚表達時那就應該把它去掉。
3、情感聯結比文字長短更重要
4、充分利用人們的閱讀模式
佈局:在視覺設計最佳案例中,我們探討了使用者瀏覽網頁模式的趨勢變化,包括F模型和Z模型,研究眼動測試模型的重要性在於你要通過預測使用者的視覺走向來判斷要在哪裡放置最重要的內容。在互動設計中,根據閱讀模式進行設計能夠提高你介面的親密度(也稱為可學習性)。
排版:如果沒有排版的話,讀者在閱讀的時候會非常不容易集中精力甚至不能讀完全部內容。相反的,一個優秀的排版會為你的內容添彩,甚至你完全可以引導使用者按你的想法進行閱讀瀏覽。
5、次級文字也很重要
雖然聽起來並不顯眼,但次級文字有時候能在使用者與你的網站或應用互動時產生巨大的影響。次級文字的應用技巧在於瞭解如何組織語言和把它放在最合適的位置上。次級內容主要用來給出提示或者減輕使用者的擔憂(尤其在註冊、登陸等關鍵步驟時)。在你解構整體設計去解決一個具體問題之前,嘗試去新增或者改變一些關鍵文字去看它能不能有所幫助。