技術(shù)資訊
網(wǎng)頁的交互設(shè)計
2012-07-02 22:45:33
青島網(wǎng)站設(shè)計中的文案就是傳達(dá)信息的重要手段。圖形化思維流行的現(xiàn)代,文本信息依然是網(wǎng)站的重要組成部分。
互聯(lián)網(wǎng)時代的人們,已經(jīng)討厭于閱讀大段的文字,網(wǎng)頁瀏覽速度也相當(dāng)之快。如何針目標(biāo)用戶迅速傳達(dá)有效信息并不會產(chǎn)生理解障礙,是文案設(shè)計的重點。
筆者認(rèn)為關(guān)于青島網(wǎng)站制作的文案大概可以分成運營文案、產(chǎn)品文案、操作文案。
1、運營文案是產(chǎn)品推廣和活動宣傳為主的文案。這種文案需要有快速傳播價值和創(chuàng)新價值,簡潔醒目,力求能瞬間吸引住用戶眼球,刺激點擊欲望。
圖1
???????2、產(chǎn)品文案則主要是產(chǎn)品功能介紹、使用方式,幫助信息、協(xié)議,還包括網(wǎng)站導(dǎo)航、頁面標(biāo)題等,是青島網(wǎng)站建設(shè)界面主體之一,追求嚴(yán)謹(jǐn)、精簡和邏輯性。下圖為google的產(chǎn)品導(dǎo)航和介紹。
圖2
3、操作文案則指與用戶操作相關(guān)的文案。包括控件標(biāo)簽、操作提示、報錯、狀態(tài)、操作結(jié)果等。如下圖3的提現(xiàn)報錯文案。
圖3
三者并不是明顯區(qū)分的,經(jīng)常會在同一頁面同時出現(xiàn)。有時一句文案還可能同時承載了多重功能,例如圖2關(guān)于google產(chǎn)品的介紹說明文案,既是產(chǎn)品文案也可以算運營文案。
原則
根據(jù)對這些文案運用的理解,總結(jié)了文案設(shè)計的基本原則有以下幾點:
1. 準(zhǔn)確。準(zhǔn)確要求文案語義清晰、沒有歧義,這樣才能明白無誤地傳遞信息和交流思想,這是文案設(shè)計的基本要求。我們支付寶的設(shè)置付款方式其實是讓用戶去綁定快捷支付,但文案上只說是“推薦最合適的付款方式”。其目的是為了吸引用戶開通快捷支付,但在文字上模糊概念,用戶是難以理解的。
?
圖4
2. 易懂。它的一個重要指標(biāo)就是可讀性??勺x性描述了基于復(fù)雜句子和困難詞匯的文字的可理解的程度,它關(guān)乎這種語言本身的難度,而非其外觀??勺x性的指標(biāo)通常可以劃分可用性層級,通過一些人輕易理解一篇閱讀文章所需的年齡和級別來定。傳統(tǒng)的語言閱讀研究有不少成熟的衡量公式和等級指標(biāo),相信也可以移植到互聯(lián)網(wǎng)產(chǎn)品的文本信息研究中來。 影響可讀性的因素包括詞句的長度,以及非常用詞的出現(xiàn)頻度。而從讀者的角度看,影響可讀性的因素包括:背景知識、閱讀技能、興趣、動機。
在傳統(tǒng)書面文字研究中,可讀性需要和易讀性區(qū)分。易讀性描述的是排印文本閱讀時的輕松和舒適程度。它和語言內(nèi)容無關(guān),卻與印刷或文本顯示的尺寸和外觀聯(lián)系密切。對于互聯(lián)網(wǎng),易讀性就與字體的樣式、顏色、行距、大小、位置等有關(guān)。
3. 簡潔。簡潔是效率傳達(dá)信息的重要方向,是互聯(lián)網(wǎng)產(chǎn)品文案的核心要求。簡潔就是要刪減文字,精簡句子。精簡文案有利于凸顯重要內(nèi)容,同時能避免滿屏文字,從而用戶能更有信心去閱讀。刪減的主要手段有:
- 刪減無意義的引見性文字,例如一些工具類網(wǎng)站在登錄后頂部變成“親愛的XXX用戶,歡迎光臨XXX”,其實只保留用戶名這個關(guān)鍵信息即可;
- 刪除不必要的說明;
- 刪除繁瑣的解釋,使用描述性鏈接;
- 少使用介詞(對于/根據(jù)/為了/基于/關(guān)于)。這些詞會弱化句子的謂語,因此要盡量省略;
- 不要使用被動式;
- 刪掉索然無味的開頭。
財付通的提現(xiàn)頁面(如圖5)就非常簡潔,只保留了必要的文案。
圖5
當(dāng)然,也要避免刪除過多,用戶要能控制結(jié)果,通俗說就是刪太多了用戶會不明白你要表達(dá)什么。
4. 統(tǒng)一。網(wǎng)站文案的語氣風(fēng)格、用詞、語法等要保持統(tǒng)一規(guī)則。
- 利于用戶建立對網(wǎng)站的整體認(rèn)知;
- 降低學(xué)習(xí)成本;
- 更好地管理。
5. 適時出現(xiàn)。
- 文案要出現(xiàn)在合適的地方,大膽地隱藏需要隱藏的文案;
- 幫助要低調(diào)、避免干擾用戶;
- 適時出現(xiàn)、適時消失。
例如圖6淘寶的注冊流程中表單填寫的幫助只有在光標(biāo)激活輸入框的時候才會出現(xiàn),而不是在頁面打開時就直接顯示。即保證了頁面的干凈整潔又保留了對用戶的必要幫助。
圖6
6. 分級顯示。我們不需要在一個界面中將所有的功能都呈現(xiàn)出來,同理我們也不需要在一個界面中傳達(dá)所有的信息。
分級的方式主要有兩種:漸進(jìn)式和階段式。
- 漸進(jìn)式是針對用戶不同的,將比較復(fù)雜的信息事先隱藏,高級用戶想看是再通過某種方式展現(xiàn)出來。如圖7是新浪微幣的介紹,詳細(xì)說明用文字鏈的形式隱藏掉,需要看的用戶可以點擊查看。圖7
- 階段式是根據(jù)流程來區(qū)分顯示內(nèi)容。典型就是操作向?qū)?,不同階段顯示不同的幫助信息。
7. 情感化。互聯(lián)網(wǎng)產(chǎn)品文案是否需要情感化,各種網(wǎng)站有不同的風(fēng)格,該點不確定是否有通用性,但保持禮貌的語氣是基本的態(tài)度。情感化的文案具有以下優(yōu)點:
- 給用戶成就感。特別對于新手用戶來說這點很重要,適當(dāng)?shù)娜蝿?wù)給予一些贊揚,讓用戶更有信心用下去。
- 便于鼓勵用戶。這有利于吸引用戶使用,增加用戶的耐心,減少用戶操作失敗的挫折感。
- 有利于適時營銷。適當(dāng)為產(chǎn)品做宣傳,增加用戶對產(chǎn)品的認(rèn)知和好感度。
- 為用戶著想,給用戶以親切感。
例如網(wǎng)上登錄充斥著各種校驗碼來防止惡意攻擊,但也給用戶登陸造成一定不便。圖8是twitter對于校驗碼輸入的一句文案,充滿趣味的提示顯然能降低您對校驗碼的抗拒之心。
圖8
測試
我們可以請身邊的人去使用產(chǎn)品或閱讀文案。它有利于我們分析文案是否準(zhǔn)確傳達(dá)含義,有利于觀察文案對產(chǎn)品是有推動還是阻礙作用,有利于發(fā)現(xiàn)盲點,推出更優(yōu)方案,而且成本很小。做文案設(shè)計最忌的就是剛愎自用,倉促而為,詞不達(dá)意。
文案的設(shè)計權(quán)衡主要是為了避免網(wǎng)站所傳達(dá)的信息和用戶實際理解產(chǎn)生偏差或者是更好地吸引用戶關(guān)注,根本要求就是效率的信息傳播。但文案設(shè)計往往不能做大量的用戶研究測試,因為文案只是網(wǎng)站的一個組成部分,也不是產(chǎn)品好壞的首要因素,難以單獨剝離出來做大量測試。如何撰寫好的文案,一方面依賴于執(zhí)行者的個人語言功底、對產(chǎn)品流程的理解以及創(chuàng)新能力,另一方面也可以通過簡單的用戶測試避免一些不必要的失誤,保證基本文案質(zhì)量。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2011-11-17 12:09:39] 谷歌安卓與蘋果iOS系統(tǒng)用戶界面風(fēng)格比較及技術(shù)分析
- [2015-01-29 09:12:26] 發(fā)布文章選好正確的時間等于客觀的訪客
- [2013-01-08 08:45:07] 視覺設(shè)計在網(wǎng)站制作上的應(yīng)用
- [2015-01-09 20:41:45] 如何把網(wǎng)站外鏈做到精致?
- [2012-04-22 23:47:50] 網(wǎng)站內(nèi)頁不收錄
- [2011-10-16 13:41:34] 青島網(wǎng)站制作之SEO標(biāo)題關(guān)鍵詞的深度挖掘
- [2011-11-27 22:47:04] 什么是面包屑導(dǎo)航?
- [2011-11-26 11:58:22] 一張代表所有設(shè)計者與客戶心聲的圖形
- [2016-07-19 11:37:45] 織夢 廣告管理不更新
- [2015-02-09 08:56:17] 即興創(chuàng)作需要有效的設(shè)計溝通與探討
- [2011-11-24 21:48:52] 極具創(chuàng)意的網(wǎng)站欄目菜單效果欣賞(42款)
- [2013-04-24 17:04:24] 如何提高百度的網(wǎng)站內(nèi)容收錄
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
扁平化設(shè)計 力圖數(shù)字科技 如何做網(wǎng)站優(yōu)化 頁面設(shè)計 網(wǎng)站推廣 網(wǎng)站品牌 青島網(wǎng)頁制作 html和css 企業(yè)網(wǎng)站為什么要備案 青島flash網(wǎng)站 版面布局 空白和簡潔的設(shè)計 青島網(wǎng)站SEO SEO優(yōu)化 集團性網(wǎng)站 青島網(wǎng)站優(yōu)化 網(wǎng)站改版 中小型企業(yè)網(wǎng)站建設(shè) 良好的導(dǎo)航 青島網(wǎng)站設(shè)計哪家好 網(wǎng)站建設(shè)的步驟有哪些 青島網(wǎng)站制作 網(wǎng)站建設(shè),手機網(wǎng)站 H5 青島網(wǎng)站建設(shè) SEO php程序 視覺靈感 網(wǎng)站SEO 網(wǎng)站視覺