APP文案設計的7個技巧
設計時不能只輸入無意義的文本,文案與設計應同步進行。
嗯,我是作家,靠寫字糊口。但你也許不信:我討厭閱讀。
但別誤會——我還是會花大量時間閱讀。我努力并艱難地讀書,讀 Blog,讀雜志,報紙上的信息??梢坏┳髡唛_始啰嗦,我眼睛就發花,只想葛優躺。
我只能看到一堵字堆砌的高墻
小時候,我覺得厭惡閱讀是弱點。多年后我才明白,這個弱點卻成就了一個好作家。
我的工作是為 app 和網頁撰寫文案。這領域里,提倡「簡短優于才華」,每個字都很重要。寫文案和設計其實很相似——為討厭閱讀的用戶設計文案。
用戶根本不讀你的界面文案
大量研究表明,用戶上網時基本不閱讀。對于 app、游戲、或者其他需要交互的屏幕來說,情況相同。多數用戶只是掃過頁面,搜尋寥寥幾個關鍵字。
你會吃驚居然有那么多人會選擇“繼續”
人們到底是瘋了?還是太粗心?又或者,只是討厭閱讀?無論如何,結果相同。文案寫得再好,大部分也不會被讀。
所以,你不能僅僅打字,粘貼進設計稿。寫文案時,你也可能會發現設計需要改動。若無法用簡短文字來描述行為,那只能說明,設計太復雜。
就是說:設計時不能只輸入無意義的文本,文案與設計應同步進行。
設計文案的7個技巧
作為文案作者,我有7個讓文案更易讀的技巧。希望它們在你寫作和設計文案時有幫助。
1. 縮短
最能增加易讀性的行為,就是簡短文字。寫好草稿后,一遍遍刪減文案。去掉細節,選用更簡單的詞語,并直擊要點。要果斷。
文案越短,被讀的可能越高
我理解寫作者想大展身手的沖動,但 app 文案不是適合的場所。Medium 才是。/笑
2. ?加標題
若文案刪減到極致,卻還是很長呢?試著用標題來總結這段文案。使用用戶可能會尋找的關鍵詞。當他們想了解更多時,自然會繼續讀。
標題能讓內容更易檢索。
3. 列清單
當瀏覽網頁時,視線傾向于上下看。所以,清單比大段文字易讀。
當段落中重復出現「和」或者「也」這類詞時,試著將這段重寫成清單。
我最愛列清單了
4. 讓用戶歇歇
類似 Medium 的產品,生來就注重內容的充實——這沒問題。但有時,讀大段大段的文字真的好累。
如果需要寫許多內容,我總嘗試添加視覺放松元素(Visual Relief)——分割線、圖片、標題、案例——只要是能打斷文字高墻的東西。它們能讓讀者喘口氣。
我的 Medium 文章中,我努力保持每段只有幾行,并插入許多視覺放松元素。
加點調味料
5. 給詞匯排序
一些作者太關注選詞。選詞很重要,但詞的排序同樣重要。
設計文案時,思考如何將最重要的詞語呈現在屏幕上,以及如何讓不重要的內容看起來也不那么重要。這就是設計中的視覺層級。
將字體寬度、大小、顏色、對比、排版方式、大小寫、間距、對齊這些因素都考慮在內。因為它們決定了用戶是否會讀你的文案。找到平衡前,要嘗試各種屬性設置。
哪個更易讀?
6. 慢慢展示
向用戶展示如何操作時,大家總想著,如果將元素直接扔在屏幕上,用戶自己就能弄懂就太好了。實際情況卻是,文本太長,用戶就不看。那該怎么做?
有時,你可以一次只展示少量內容。專業術語將之稱為逐步揭示(progressive disclosure),但我喜歡叫它慢慢展示。試著將信息分成小塊,一步步展示給用戶。
內容太多?試著一點點展示。
也可以采用另一種方法,那就是將更多信息放到幫助文檔里。許多產品靠增加「了解更多」鏈接來解決這個問題。點擊它們會將你帶到詳盡的幫助頁面。
7. 在效果圖中寫作,而非 word 中
有過這樣的經驗嗎?某些文案在紙上看來超棒,在效果圖中卻太長了……這就是只在寫作應用中寫文案時會發生的情況。
當為 app 界面寫文案時,看到頁面上其他元素至關重要。你需要知道文案在頁面中的效果。
這就是我偏愛在 Sketch 效果圖中寫作的原因。其他元素能幫我決定寫什么,因為我能看到文案在頁面中的實際效果。
結語
文字讓世界有意義,讓我們理解周圍的環境??上гS多人就是不愿閱讀。如果你的工作和我類似,那么我們要致力于讓閱讀變得更簡單,幫助人們理解世界。
上述技巧是我在設計文案時嘗試去做的事。如果你也有獨特的技巧,十分歡迎和我交流分享。
最后,致不愛閱讀的你們——感謝讀完。
原文作者:John Saito
原文地址:https://medium.com/@jsaito/how-to-design-words-63d6965051e9?swoff=true#.esp9kqv67
翻譯:Puddinnng
譯文地址:http://www.jianshu.com/p/3359d125d6fc
本文由 @Puddinnng 授權發布于人人都是產品經理,未經作者許可,禁止轉載。
不管是界面設計還是文案,搞不清楚為什么大家都喜歡用國外的頁面舉例子,顯得自己很高大上嗎?很懂互聯網嗎?天天看到大家說用戶體驗,但連中國人不習慣閱讀英文的習慣都不知道嗎? 真的懷疑那些經常拿著國外頁面講設計的人是在拼湊文章,找幾個圖然后搭配點文字。
同感啊,想找app設計素材學習,百度上大部分是外國設計案例,感覺效果也不如國內app,學起來也沒價值。
我都想罵他們…
哈哈,我也想罵~可能是我們英文還不太好吧
的確我們看的很多文章中的配圖例子國外的偏多,不過這篇文章貌似是翻譯過來的,圖片是原文中的配圖
dan淡ding定