亚洲av无码国产精品久久不卡,天堂网最新版资源在线,亚洲av色香蕉一区二区三区老师,午夜裸体性播放,亚洲av日韩av永久无码久久

UI文案設計技巧,視覺與內容兼具不再是夢

Snow
2018-04-18
137448
5 min read
設計1+2,
摹客就夠了!
立即開啟


現(xiàn)今,一款Web或移動端應用軟件的用戶體驗愉悅度,不再僅僅依賴軟件本身功能,界面布局,加載速度,甚至是界面文案設計,都對應用的用戶體驗發(fā)揮至關重要的作用。這也是為什么現(xiàn)今一些公司設立UX寫手(UX writer),專職從事界面文案設計和研究的重要原因。

但是,軟件界面文案(尤其是微文案)的設計,究竟有哪些技巧和禁忌?設計師究竟該如何才能設計出簡單易懂,又兼具視覺誘惑力的UI文案設計,增強其易用性,提升轉化率和用戶體驗愉悅度呢?

以下就跟著小編的腳步,一步一步學習和了解軟件UI文案設計中需要掌握的技巧和禁忌,希望對大家有所幫助:

界面文案設計技巧

首先,究竟什么是界面文案或微文案設計?


在開始了解具體文案設計技巧和注意事項之前,我們需要首先了解究竟什么是UI文案或微文案設計。界面文案或微文案(Microcopy)設計, 一般是指大到安全隱私/使用說明以及服務條款之類,小到每個按鈕或選項微文本之類,所有界面文本內容以及外觀的設計。它是用戶了解和掌握一款軟件不可或缺的重要導航和橋梁。好的文案或微文案設計,不僅能夠為用戶解惑,對于增加產(chǎn)品銷量,提升用戶體驗,加深用戶對產(chǎn)品,公司以及品牌的印象,作用也是極佳。

UI文案或微文案為何如此重要?


軟件界面文案,尤其是部分按鈕或報錯信息的微文案,作為軟件與用戶之間溝通的重要橋梁,對于提升軟件實用性和用戶體驗愉悅度扮演著非常重要而多樣的角色:

1.解惑者


軟件中的使用說明,安全隱私說明以及服務條款等文案設計,對于解決用戶產(chǎn)品相關問題和疑惑,作用巨大。所以,對于用戶而言,它們是其掌握和使用軟件的重要“解惑者”。

2.引導者


軟件流程,步驟以及其他引導性文案設計,對于解決用戶如何完成某項操作或任務,扮演著極其重要的“引導者”角色。

引導用戶完成操作

如圖,引導用戶完成某項操作。

3.開導者


報錯,提示或警示類信息,在現(xiàn)今的大部分軟件中必不可少。而這類信息的文案設計,對于消除用戶疑慮,緩解其消極或負面情緒,提升用戶體驗,發(fā)揮著重要作用。由此而言,要論軟件設計中的“開導者”,也非其莫屬。

4.推銷者


而一些能夠引導,解釋甚至誘惑用戶點擊購買的CTA按鈕文案設計,對于加深用戶對產(chǎn)品的了解,增加產(chǎn)品銷量,作用也是顯而易見。因此,從這一方面來將,文案設計也扮演著產(chǎn)品“推銷者”的角色。

按鈕文案設計

如圖,好的文案的設計,也能激發(fā)用戶興趣,促成購買。

總之,無論界面文案或微文案設計在Web或移動端軟件設計中扮演者什么樣的角色或發(fā)揮著怎樣的作用,好的文案設計,總是能極大地便捷和簡化用戶的各項操作,增加軟件點擊率以及轉化率,提升產(chǎn)品曝光度和銷售量。當然,用戶體驗也不會差。所以,一款功能強大的軟件應用,如若能夠相應搭配一系列簡單易用的優(yōu)質界面文案設計,結果無疑是錦上添花,如虎添翼。

如何設計視覺與內容兼具的界面文案,提升用戶體驗?


既然UI文案或微文案對于提升一款軟件的用戶體驗度和市場競爭力如此重要,作為用戶體驗設計師或UX寫手,究竟如何才能成功的設計出用戶體驗極佳的UI文案或微文案呢?

以下小編就結合收集的最新創(chuàng)意文案設計案例,以及小編使用更快,更簡單的Mockplus制作的原型案例,為大家解析軟件UI文案設計中需要掌握的技巧和禁忌,希望對大家有所幫助:

技巧一:文案設計盡量精簡易懂


軟件界面的文字是實現(xiàn)人機交流的重要渠道。但這并不意味著添加的文字越多,內容越豐富,對用戶的作用就越大。事實上,大部分用戶并不會乖乖的閱讀所有文字。因此,盡量設計和精簡界面文案,增加用戶閱讀的機率,它所能發(fā)揮的作用才會更大。比如可以嘗試以下方式精簡界面文字:

*微文案本身盡量簡潔易讀


為了使微文案本身簡潔易讀,最實用的一個方法就是:首先將所有需要包含的內容寫下來。然后根據(jù)需要和具體使用場景,適當?shù)倪M行融合,刪減以及替代。最終達到簡潔易讀,清晰明了的最佳狀態(tài)。

簡潔直觀表達

如圖,簡潔直觀的表情達意,無需過多言辭。

*使用列表或標題,讓文本更加直觀易懂


當文本內容已無法繼續(xù)刪減時,可以嘗試添加列表或概括性簡短標題,讓文案設計更加直觀易懂。

使用列表和標題

如圖,相較于左邊圖1的整段式設計,中間和右上角圖2與圖3采用的列表和小標題式設計更加直觀易懂。

*添加鏈接,簡化文本內容


界面文案設計并不需要在界面內展示出所有內容。事實上,在實際的案例中,可以通過在文字上添加鏈接的方式(即采用漸進式設計技巧),簡化文本內容。用戶點擊相關文本鏈接,即可跳轉到其他頁面了解詳情。

界面文本設計添加鏈接

如圖,界面文本設計中可在部分文字上添加可點擊鏈接,實現(xiàn)文本瘦身的效果。

注意:精簡易讀,并不等于盲目的減少文案字數(shù)


精簡易讀,并不意味著毫無標準的盲目減少文案字數(shù),而是用最少的文字,表達出最豐富,最完整的內容。所以,文案設計中精簡的同時,也要注意文案的達意情況,避免模棱兩可甚至不知所云的情況出現(xiàn)。

技巧二:文案設計應結合軟件或產(chǎn)品特色


與界面其他部件的設計一樣,軟件文案或微文案的設計,也需要結合軟件或產(chǎn)品特色,增強其獨特性的同時,提升產(chǎn)品或品牌知名度。

文案設計中提及軟件或產(chǎn)品相關服務,使用軟件或產(chǎn)品特色術語,以及結合產(chǎn)品或品牌特色添加趣味的文字風格,配色以及交互等等,提升產(chǎn)品,公司以及品牌曝光度和知名度。

文案設計結合產(chǎn)品特色

如圖,文案設計盡量結合產(chǎn)品特色。

技巧三:文案設計應結合具體使用場景,有所側重


雖然,界面微文案對于提升整款Web或移動端應用的用戶體驗,非常重要,但這并不意味著,界面內所有的文案設計的標準都應該是平行不變的。相反,設計師應該根據(jù)不同的場景和用戶需求,有所側重的進行設計。

例如,對于CTA按鈕的文案設計,除了做到簡單易懂,同時還要增加一些交互設計,增強其誘惑力,增加點擊率。(點擊了解更多CTA按鈕設計秘訣

如圖,為按鈕添加適當交互,讓用戶忍不住點擊。

為按鈕添加交互

而對于一些報錯類界面文案設計,簡潔委婉的同時,加入感情因素,使用人性化的表達,緩解用戶的負面情緒,提升用戶體驗。(點擊了解更多不容錯過的404報錯設計

如圖,站在用戶的角度,添加一些情感因素,實現(xiàn)與用戶情感上的共鳴。

增加用戶情感共鳴

而對于需要用戶填寫相關資料,例如注冊,登錄頁面或用戶個人頁面(User Profile page), 則需要設計師從用戶的角度出發(fā),添加一些更能消除用戶疑慮或擔心的文字,以鼓勵用戶放心的填寫相關信息。

如圖,添加一些解釋說明的文案,消除用戶的疑慮和擔心,更加放心的填寫注冊信息。

添加解釋說明的文案

總之,設計師在具體的設計案例中,需要根據(jù)實際情況,多做分析,多做總結,有所側重。

技巧四:文案設計應獨具匠心,與眾不同


同一類型的UI文案設計,不應該千篇一律,毫無變化。事實上,軟件文案或微文案設計也是彰顯設計師個性的重要平臺。因此,在具體的設計中,設計師們可以嘗試從以下幾個方面讓你的文案設計獨具匠心,與眾不同:

*利用想象,讓文案設計更具魅力


文案內容設計也可結合設計師想象,講述一個故事,展示一種企業(yè)或產(chǎn)品文化,以及呈現(xiàn)地方或名族特色等等,讓文案更具吸引力。

想象讓文案設計更具有魅力

如圖,發(fā)揮想象,講述一個故事,也能讓界面更具趣味性。

*利用幽默,讓文案設計兼具感染力


幽默風趣的言語和表達,吸引用戶注意的同時,能夠讓用戶在更加自然和愉悅的氛圍中學習,了解以及接受軟件或產(chǎn)品相關信息,極具感染力。

幽默讓界面更加有趣

如圖,使用幽默詼諧的風格,讓界面更加有趣。

注意:幽默也要注意場合和場景


幽默并不適合在所有界面場景之中應用。例如,風趣幽默的文案設計,能夠讓突然的報錯場景變得輕松愉快。但同時也能讓軟件安全或隱私說明,變得毫無說服力。所以,要結合不同場景,謹慎開玩笑。

*結合圖片,讓文案和圖片相互說明,呼應


俗話說:“好的圖片勝過千言萬語”。文案設計搭配美觀恰當?shù)膱D片,讓圖片和文案相互解釋呼應,更易于用戶理解。

界面設計中文本與圖片相互呼應

如圖,實現(xiàn)文本與圖片的相互印證和呼應。

而界面設計中文案與圖片的結合和呼應,可以嘗試使用Mockplus的“文本”和“圖片”組件相結合的方式,進行測試和迭代。動態(tài)圖片,批量圖片以及Sketch圖片的導入,利用格子實現(xiàn)批量添加文本以及圖片組合等等,都不是問題。

*體現(xiàn)設計師風格,讓文案設計更具獨特性


每位設計師在其設計過程中,都有其個人的設計風格和魅力。在文案設計中,也可適當?shù)恼宫F(xiàn)這類風格,讓軟件更具特色,留給用戶深刻的印象。如下圖:

加入設計師的設計風格

總之,加入設計師創(chuàng)意和用心的文案設計,注定會與眾不同,魅力無限。

技巧五:文案設計應兼具視覺誘惑力


文案設計不僅文本本身需要簡單易懂,同時也需要注重其視覺誘惑力的提升。例如設計師們可以通過以下的方式提升界面文案的視覺效應:

*設置文本屬性,簡單直觀打造視覺層次,劃分文案主次


對于文字字體,字號,顏色,大小寫,間距,對齊方式以界面位置等文案屬性的設置,調整以及對比,能夠輕松劃分出軟件界面不同文本的層級關系,打造視覺層次的同時,更加簡單直觀的凸顯其主次,易于用戶在最短的時間里,了解軟件信息。

界面內容層次感圖片

如圖通過簡單文本字體,字號,位置,顏色以及排列對齊方式的不同,實現(xiàn)界面內容層次和重要性的劃分。

而使用Mockplus的“單行文字”和“多行文字”組件,就可輕松的實現(xiàn)以上文本屬性的添加,設置和調整,十分實用。

*添加適當交互


微文案添加適當?shù)慕换?,對于增強文案的吸引力和趣味性,提升用戶體驗,效果也非常好。

以Mocplus的交互功能為例,設計師可以簡單快捷為其部分文案添加鼠標點擊時,懸浮時,長按時,以及載入時之類交互效應。如圖:

原型設計工具mockplus的交互功能

當然,也可添加更多豐富的交互動畫:添加色彩變化,移動,縮放,旋轉,文本內容變化,顯示或隱藏等交互效應等等。

總之,交互的添加,對于提升文案設計的視覺效果,作用也是極大。

技巧六:文案設計應保持一致性


整款軟件應用的界面文案或微文案設計,也應保持前后一致,幫助用戶理解和使用。而文案設計的一致性,只要體現(xiàn)在以下幾個方面:

*文案設計稱謂的一致性


為加深軟件與用戶之間的自然無障礙的溝通,拉近與用戶的距離,文案設計之中采用“你”或“你們”要遠遠優(yōu)于將用戶看作第三方的“他們”或“她們”之類的稱謂??傊瑹o論使用哪種稱謂,盡量在整款軟件設計中,保持一致,避免稱謂混亂,引起誤解。

*文案設計時態(tài)的一致性


在具體的文案設計中,將用戶視作動作施行者的主動語態(tài),更易于激起用戶共鳴。所以,在你的軟件文案設計中,也需要盡量做到主動時態(tài)的前后一致。

*文案設計用詞的一致性


相較于使用全新或模棱兩可的表達,復用界面常用,慣用或已經(jīng)使用過的用詞,更易于用戶理解,對于保證軟件前后用語的一致性,作用也是極大的。

*文案設計主題以及配色的一致性


界面文案主題以及配色的選擇,也應結合整款軟件的主題和主配色進行考慮,保證軟件的一致性。

*文案風格的一致性


幽默風趣也好,嚴謹謹慎也好,亦或是簡潔通俗,無論哪種文風,一旦選擇,就需要從始至終的一直延續(xù)下去,保證整款設計風格的一致性。

文案風格與界面設計配色保持一致性

如圖,保持界面設計配色,主題以及風格的一致性。

總之,無論是哪一方面的一致性,設計師們都可以試試使用Mockplus的強大組件庫樣式庫,簡單實現(xiàn)軟件原型中文本相關組件以及樣式(例如文字顏色,字體,字號,對齊方式等樣式)的收藏,復用和分享,輕松實現(xiàn)軟件文案設計的前后一致性。

原型設計工具mockplus強大的組件庫和樣式庫圖片

技巧七:文案設計應在原型界面中反復測試和改進


同其它界面部件設計一樣,文案設計也需要在具體的原型界面中反復測試和改進,才能真正的達到我們所希望的效果。

例如,在具體的軟件原型界面中調整文案長度,排列方式,顏色,尺寸,樣式以及交互等等,檢測其實用性和有效性。

而這一方面,小編就忍不住想要給大家推薦一下Mockplus的8種演示和分享方式,不僅能夠及時的測試文案設計在具體的界面中的視覺效果,還能及時的分享給其他設計師和用戶,收集反饋的同時,提升和優(yōu)化文案設計。

總之,優(yōu)質且極賦創(chuàng)意的界面文案或微文案設計,對于增強軟件用戶體驗愉悅度,提升軟件產(chǎn)品競爭力,作用不容小覷。

結語

盡管Web或移動端軟件界面文案設計對于提升用戶體驗十分重要,但這并不意味著文案能獨立于軟件本身而存在。事實上,無論文案設計多么簡潔吸睛,都要以軟件為依托。好的軟件需要優(yōu)質的創(chuàng)意文案設計,才能夠得到更深層次的優(yōu)化和提升。 反之,軟件功能欠缺,再好的文案設計也會變得毫無用武之地。所以,文案設計和軟件功能設計都需得到必要的重視,才能設計出真正實用,好用的軟件。

總之,希望這里分析的文案設計技巧能對你的文案以及軟件設計有所啟發(fā)。

預約演示
電話咨詢
咨詢熱線

工作時間:9:00-22:00

191 3067 1449
在線客服