作者 / Joscelin,Google 設計師
寫作並不容易。回想我們上學的時候,可能 (被老師要求) 寫過讀書筆記。後來隨著寫作媒介的進化,您辛苦創作的情書可能是用電子郵件發送給心上人,再或者把心裡的那點小火花用微博記錄下來。
您可以胡亂應付寫作,也可以選擇學習、練習和發展寫作技能。即使您從未達到藝術的高度,至少您在這個技巧上付諸過努力。將心頭話語投射到屏幕像素上 (當然也可以是紙張上),這是一個將概念、想法轉化為實體的過程。所以說,寫作其實是基礎的設計技巧之一。
好的寫作似乎很神秘: 一段優雅的敘事即可成就一段切身且狂放的體驗,毫不刻意地就能迷倒眾生。我喜歡再三閱讀一些喜歡的段落,去發掘其中微妙的結構,正是它們讓優秀的作品舉重若輕。請放輕鬆,想要圍繞內容做好設計,您不需要成為一位厲害的作家,但如果您能夠從混沌中識別出 「敘事結構」 這一概念,並理解有關敘事結構的基礎知識,當然會很有幫助。
這篇文章的目的並不是教您如何創建內容,甚至不是教您如何寫作,而是告訴您,如何通過內容來設計有意義的產品;告訴您,內容存在的唯一意義就是為用戶創造意義。
什麼是圍繞內容的設計?
在產品設計領域,「內容」 被有時候也被簡寫為 「文案」,但它的意義不僅於此。它包括數據、圖像、視頻和用戶生成的內容 (UGC, User-Generated Content)。「內容」 一詞,是寬泛而無邊界的,但如果具體到特定的產品或項目,其對應的內容可能就會具有可辨別的模式,甚至會直接成為設計思路的主軸。
內容不是孤立的存在,它的存在是為了滿足溝通方面的需求。作為產品設計師,您構建的所有內容,實質上都是人與技術之間的對話。這種溝通是界面設計的基礎,也是它存在的理由。
說、寫、展示
幾乎每個 UX 文案都遇到過這樣的情況: 需要撰寫的文案和文案容器尺寸不匹配 (甚至是極不匹配)。我們要麼選擇把重要的信息塞進了太小的對話框里,要麼採用冗余的重復或無謂的折行來填補過大的空間。
框圖在產品設計中的地位已經毋庸置疑,在線框圖里,文本基本由簡單的方框或曲線表示 (就像本文封面圖里那樣)。但是,如果我們直接開始設計交互環節,而不首先規劃出要向受眾傳達的內容,我們就會給自己帶來很大的麻煩。
生活在受限制的空間內是不舒服的。但是,通過對抽象元素的探索,您可以更好地表達出產品對用戶的意義。在提交樣稿、流程圖和做出特定的設計選擇之前,請嘗試使用幾個圍繞內容做設計的方法——這些方法絕不複雜,但您可以將它們視作探索產品可能性的機會,而且還會玩得很開心。
說: 會話原型
您也許會認為,「把用戶和產品之間的對話真的念出來」 是工作中最愚蠢的事情之一。但有時,愚蠢的事情應該是強制性的,因為它們有助於人們放鬆。我們 (奇怪而可悲地) 生活在一個面對面交談日益稀缺的時代。作家在自己校/編稿件時,經常被要求大聲朗讀出他們的作品。有些句子寫出來的時候不會覺得有什麼問題,但連續的口語句子真的一口氣念出來會導致您無法吸氣。而且用語的風格和節奏則可以表現出語言特有的節奏和韻律。通過真的把文案 「念出來」,您就可以發現弱點或尷尬點,或重新找到值得突出的亮點。
△ 在对话中,做真正的自己,也要扮演好自己的产品。绘图 / Marin Licina
在一次對話中,我的同事 Marin 和我分別扮演 Google Assistant 和我們自己,試圖開始購買家用物品。經過一番充斥著傻笑的暢聊之後,我們偶然發現,在一次談話中,當我們不得不請求提交個人信息,如信用卡信息和品牌或價格範圍偏好時,我們意外地產生了猶豫。這段對話還讓我們探索了語氣的邊界——哪些場合需要輕鬆的語氣,從而促進溝通,哪些場合又需要使用正式嚴肅的語氣來取得用戶的信任?
正如 Marin 所說的那樣,「會話原型」 是最簡單、最快速的流程原型方法之一。扮演您的產品可能會產生出乎意料的效果。我們要記住,信任是通過一系列的微妙姿態而逐步建立起來的,包括語氣、包括對對方投入的時間的尊重,以及清晰而富有同理心地向人解釋為什麼要向他們索取敏感信息。以這種實踐活動為基礎,您可以開始設計更正式的線框,以及整理話術表等更細節的內容。
△ 話術表是文案手邊的有力工具,用來拿捏不同場合下的行文風格。當然,這種分級的設計方式也可以用在話術之外的地方,比如視覺設計、交互設計等領域。(上圖為了便於精確理解使用了雙語,請大家理解中英文間的細微變化。這種理解也是本地化工作的基礎之一)
寫: 敘事型產品需求文檔
設計師可能會發現,坐下來並啓動一個帶有寫作任務的項目是違反直覺的,但越是這樣越是有理由去做這件事。採用不熟悉的創意方式工作,就可以為您的大腦開闢新的思考路徑。正如 Anne Lammot 在《糟糕的首次草稿》(這篇文章滿是寬容和鼓勵,而且文筆很好) 中的論述——寫稿最困難的是 「起稿」,也就是剛開始寫的時候。
您應該以什麼形式開始 「寫」 產品?產品經理通常從撰寫 PRD (Product Requirement Document),即產品需求文檔開始。有些產品經理會寫出漂亮的產品需求文檔,並通過他們的解讀將宏觀的商業論證落實到具體的需求中。大多數產品需求文檔會更關注技術規格、時間表,當然還會負責解讀商業論證。
敘事型 PRD 可以理解為設計師/作者對產品的解讀——用日常語言描述這個產品是什麼,它起到了什麼作用,產品的內核就在這些描述中被固定了下來。我也會使用散文的方式去對產品的邊界進行探索,就像是在對外星人解釋它一樣。使用非常簡化的結構,以及平實的語言,可以幫助您將注意力集中在對產品內核本身的思考上,這些注意力可能會幫助您發現並刪除無意義的功能或避免走進死衚衕。不要有什麼壓力,敘事就應該像您給朋友寫電子郵件那樣輕鬆,也不用刻意回避一些重復的說辭。
有些人喜歡打磨得較為精緻的版本——就像是在撰寫未來的新聞報道。將您的敘事型 PRD 包裝成新聞故事,有助於讓您採用受眾更廣、更易理解的語言來解釋您的產品。
△ 使用新聞稿的模式來描述產品,會迫使您使用更精煉、更非技術化的語言來進行表達。將 「這是什麼」、「為什麼這麼做」 以及 「如何這麼做」 的核心信息傳達給更廣泛的受眾。
重要的是,敘事型 PRD 允許您將自己的想法組織為敘事——就像一個真正的故事那樣,一個接一個的事件和角色紛紛出場。最終,您可能會寫出一些東西,這些東西可以幫助您的團隊開始根據共通的詞彙表、話術表和目標來進行設計。而正是這些在每個人腦中共享存在的元素,最終會促成更高效的團隊協作。
展示: 角色驅動的故事板
故事板可以非常強大且富有說服力。在入職 Google 之前,我在 Airbnb 工作過。他們就把產品的故事板繪制在辦公室的走廊上,而且使用的是專業級插畫的那種故事板。這些故事板成為了文化的基石,是公司強有力的象徵。它們的力量並不體現在執行過程中 (儘管它們是出自專業人士的作品),而體現在富有情感的即時故事講述之中。
這些故事板是成功的,因為它們描繪出了人們的生活。這些人物對旅行的興奮,以及他們對於向 「陌生人」 開放家庭的不安。這些故事板遠比一系列線框更加讓人共情。
有些文案 (以及一些設計師) 也可能不太適應繪畫,他們更傾向於直接向人們傾訴自己的想法。但與寫作同理,克服對繪畫技巧的 「不安「 有助於發現新的創作途徑——事實上大多數人都可以繪制簡筆畫,而簡筆畫也可以是非常富有表現力的。
我的同事 Marin 的繪畫是精美的藝術作品。您的也許也是。但不要擔心,作品在繪圖技巧上的 「不成熟」 也能散髮出獨有的魅力。
△ 比如我給 Google 商店繪制的簡筆畫故事板。技巧稚嫩,但足夠明瞭。
在進入具體的交互界面設計之前,使用簡單的三格故事板可以幫助您闡述簡化版的用戶旅程。這三幅簡筆畫用來展示用戶在家庭或工作空間中使用產品的樣子,想象一下您的產品可以如何豐富他們的日常生活,就像下面這樣:
△ Marin 的三格故事板,筆觸雖然簡單,但交互的重點一目瞭然,而且核心人物的塑造也有利於團隊理解產品在這個場景下的核心作用。
以上這些技巧可以在設計衝刺 (Design Sprint) 中使用,也可以作獨立的練習課題。更好的用法是,將其作為向決策者和合作夥伴傳達想法的手段。和您共事的產品和工程師也許很難準確解讀低保真的線框——因為低保真線框很多地方需要靠 「腦補」 ——但他們都能看懂故事,並借由這些故事來加深對低保真設計稿的理解。在一個以各種數據、指標為導向的快節奏工作環境中,即使在早期的討論中,看到一個概念真的被描繪出來,也是令人興奮和贊賞的。
再次強調一下,如果過早進入到具體的 UI 細節設計環節,將會使得正在進行的探索和用戶解讀變得更加難以受到認可 (畢竟大家都更喜歡能馬上推動項目進度的東西),而這些探索和解讀對於良好的設計方案而言都是必不可少的。
講故事的方式會讓受眾感到高度的相關性和深度的溝通性,這種方式無疑要強於展示按鈕或者其他 UI 元素的構圖。故事板應該以您的用戶及其需求為中心,這使您可以在正式開始設計之前先關注內容 (信息、意義等)。您的用戶,即故事中的角色,他們的需求和願望推動了敘事的發展。即使是簡單的圖紙也能直達這個目的,幾根線條和一張臉組成的火柴人就可以表現出極為豐富的情感,並為最終的設計指明方向。
△ 從這些壁畫來看,人類 「講故事」 真的已經很多很多年了。
文字可以是明確的,但字裡行間都存在著暗示——暗示了產品的包容性、暗示了產品的獨特或者排他性,或者暗示了產品在設計邊界問題時的思路。這個世界上已經有很多內容在爭奪著用戶們的時間和注意力。內容優先的設計師則可以幫助用戶們輕鬆找到適合自己的產品使用方式——即消費產品里承載的內容的方式。
設計師和文案扮演著的角色可能一直都被低估了,因為他們的工作可以幫助用戶們更有效地完成交互,而當用戶們高效地在手機上完成操作後,他們會放下手機,回到本就應該屬於他們的精彩生活中去。
您對產品中的文案設計,以及由文案衍生出來流程和體驗設計有怎樣的疑問或者經驗?歡迎在評論區中和大家分享。希望大家都能做出引人入勝的、以內容為核心的產品設計!
文章來源:Google Play 谷歌开发者