• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 網(wǎng)頁的交互設(shè)計(jì)

網(wǎng)頁的交互設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)師 于2020-06-01 14:55發(fā)表 閱讀次數(shù) 2225次

青島網(wǎng)站設(shè)計(jì)中的文案就是傳達(dá)信息的重要手段。圖形化思維流行的現(xiàn)代，文本信息依然是網(wǎng)站的重要組成部分。 　　互聯(lián)網(wǎng)時(shí)代的人們，已經(jīng)討厭于閱讀大段的文字，網(wǎng)頁瀏覽速度也相當(dāng)之快。如何針目標(biāo)用戶迅速傳達(dá)有效信息并不會(huì)產(chǎn)生理解障礙，是文案設(shè)計(jì)的重點(diǎn)。 　　筆者認(rèn)為關(guān)于青島網(wǎng)站制作的文案大概可以分成運(yùn)營文案、產(chǎn)品文案、操作文案。 　　1、運(yùn)營文案是產(chǎn)品推廣和活動(dòng)宣傳為主的文案。這種文案需要有快速傳播價(jià)值和創(chuàng)新價(jià)值，簡(jiǎn)潔醒目，力求能瞬間吸引住用戶眼球，刺激點(diǎn)擊欲望。 　　圖1 　　???????2、產(chǎn)品文案則主要是產(chǎn)品功能介紹、使用方式，幫助信息、協(xié)議，還包括網(wǎng)站導(dǎo)航、頁面標(biāo)題等，是青島網(wǎng)站建設(shè)界面主體之一，追求嚴(yán)謹(jǐn)、精簡(jiǎn)和邏輯性。下圖為google的產(chǎn)品導(dǎo)航和介紹。 　　圖2 　　3、操作文案則指與用戶操作相關(guān)的文案。包括控件標(biāo)簽、操作提示、報(bào)錯(cuò)、狀態(tài)、操作結(jié)果等。如下圖3的提現(xiàn)報(bào)錯(cuò)文案。 　　圖3 　　三者并不是明顯區(qū)分的，經(jīng)常會(huì)在同一頁面同時(shí)出現(xiàn)。有時(shí)一句文案還可能同時(shí)承載了多重功能，例如圖2關(guān)于google產(chǎn)品的介紹說明文案，既是產(chǎn)品文案也可以算運(yùn)營文案。 　　原則 　　根據(jù)對(duì)這些文案運(yùn)用的理解，總結(jié)了文案設(shè)計(jì)的基本原則有以下幾點(diǎn)： 　　1.準(zhǔn)確。準(zhǔn)確要求文案語義清晰、沒有歧義，這樣才能明白無誤地傳遞信息和交流思想，這是文案設(shè)計(jì)的基本要求。我們支付寶的設(shè)置付款方式其實(shí)是讓用戶去綁定快捷支付，但文案上只說是“推薦最合適的付款方式”。其目的是為了吸引用戶開通快捷支付，但在文字上模糊概念，用戶是難以理解的。 　　? 　　圖4 　　2.易懂。它的一個(gè)重要指標(biāo)就是可讀性。可讀性描述了基于復(fù)雜句子和困難詞匯的文字的可理解的程度，它關(guān)乎這種語言本身的難度，而非其外觀?？勺x性的指標(biāo)通常可以劃分可用性層級(jí)，通過一些人輕易理解一篇閱讀文章所需的年齡和級(jí)別來定。傳統(tǒng)的語言閱讀研究有不少成熟的衡量公式和等級(jí)指標(biāo)，相信也可以移植到互聯(lián)網(wǎng)產(chǎn)品的文本信息研究中來。影響可讀性的因素包括詞句的長度，以及非常用詞的出現(xiàn)頻度。而從讀者的角度看，影響可讀性的因素包括：背景知識(shí)、閱讀技能、興趣、動(dòng)機(jī)。 　　在傳統(tǒng)書面文字研究中，可讀性需要和易讀性區(qū)分。易讀性描述的是排印文本閱讀時(shí)的輕松和舒適程度。它和語言內(nèi)容無關(guān)，卻與印刷或文本顯示的尺寸和外觀聯(lián)系密切。對(duì)于互聯(lián)網(wǎng)，易讀性就與字體的樣式、顏色、行距、大小、位置等有關(guān)。 　　3.簡(jiǎn)潔。簡(jiǎn)潔是效率傳達(dá)信息的重要方向，是互聯(lián)網(wǎng)產(chǎn)品文案的核心要求。簡(jiǎn)潔就是要?jiǎng)h減文字，精簡(jiǎn)句子。精簡(jiǎn)文案有利于凸顯重要內(nèi)容，同時(shí)能避免滿屏文字，從而用戶能更有信心去閱讀。刪減的主要手段有： 　　刪減無意義的引見性文字，例如一些工具類網(wǎng)站在登錄后頂部變成“親愛的XXX用戶，歡迎光臨XXX”，其實(shí)只保留用戶名這個(gè)關(guān)鍵信息即可； 　　刪除不必要的說明； 　　刪除繁瑣的解釋，使用描述性鏈接； 　　少使用介詞（對(duì)于/根據(jù)/為了/基于/關(guān)于）。這些詞會(huì)弱化句子的謂語，因此要盡量省略； 　　不要使用被動(dòng)式； 　　刪掉索然無味的開頭。 　　財(cái)付通的提現(xiàn)頁面（如圖5）就非常簡(jiǎn)潔，只保留了必要的文案。 　　圖5 　　當(dāng)然，也要避免刪除過多，用戶要能控制結(jié)果，通俗說就是刪太多了用戶會(huì)不明白你要表達(dá)什么。 　　4.統(tǒng)一。網(wǎng)站文案的語氣風(fēng)格、用詞、語法等要保持統(tǒng)一規(guī)則。 　　利于用戶建立對(duì)網(wǎng)站的整體認(rèn)知； 　　降低學(xué)習(xí)成本； 　　更好地管理。 　　5.適時(shí)出現(xiàn)。 　　文案要出現(xiàn)在合適的地方，大膽地隱藏需要隱藏的文案； 　　幫助要低調(diào)、避免干擾用戶； 　　適時(shí)出現(xiàn)、適時(shí)消失。 　　例如圖6淘寶的注冊(cè)流程中表單填寫的幫助只有在光標(biāo)激活輸入框的時(shí)候才會(huì)出現(xiàn)，而不是在頁面打開時(shí)就直接顯示。即保證了頁面的干凈整潔又保留了對(duì)用戶的必要幫助。 　　圖6 　　6.分級(jí)顯示。我們不需要在一個(gè)界面中將所有的功能都呈現(xiàn)出來，同理我們也不需要在一個(gè)界面中傳達(dá)所有的信息。 　　分級(jí)的方式主要有兩種：漸進(jìn)式和階段式。 　　漸進(jìn)式是針對(duì)用戶不同的，將比較復(fù)雜的信息事先隱藏，高級(jí)用戶想看是再通過某種方式展現(xiàn)出來。如圖7是新浪微幣的介紹，詳細(xì)說明用文字鏈的形式隱藏掉，需要看的用戶可以點(diǎn)擊查看。圖7 　　階段式是根據(jù)流程來區(qū)分顯示內(nèi)容。典型就是操作向?qū)?，不同階段顯示不同的幫助信息。 　　7.情感化。互聯(lián)網(wǎng)產(chǎn)品文案是否需要情感化，各種網(wǎng)站有不同的風(fēng)格，該點(diǎn)不確定是否有通用性，但保持禮貌的語氣是基本的態(tài)度。情感化的文案具有以下優(yōu)點(diǎn)： 　　給用戶成就感。特別對(duì)于新手用戶來說這點(diǎn)很重要，適當(dāng)?shù)娜蝿?wù)給予一些贊揚(yáng)，讓用戶更有信心用下去。 　　便于鼓勵(lì)用戶。這有利于吸引用戶使用，增加用戶的耐心，減少用戶操作失敗的挫折感。 　　有利于適時(shí)營銷。適當(dāng)為產(chǎn)品做宣傳，增加用戶對(duì)產(chǎn)品的認(rèn)知和好感度。 　　為用戶著想，給用戶以親切感。 　　例如網(wǎng)上登錄充斥著各種校驗(yàn)碼來防止惡意攻擊，但也給用戶登陸造成一定不便。圖8是twitter對(duì)于校驗(yàn)碼輸入的一句文案，充滿趣味的提示顯然能降低您對(duì)校驗(yàn)碼的抗拒之心。 　　圖8 　　測(cè)試 　　我們可以請(qǐng)身邊的人去使用產(chǎn)品或閱讀文案。它有利于我們分析文案是否準(zhǔn)確傳達(dá)含義，有利于觀察文案對(duì)產(chǎn)品是有推動(dòng)還是阻礙作用，有利于發(fā)現(xiàn)盲點(diǎn)，推出更優(yōu)方案，而且成本很小。做文案設(shè)計(jì)最忌的就是剛愎自用，倉促而為，詞不達(dá)意。 　　文案的設(shè)計(jì)權(quán)衡主要是為了避免網(wǎng)站所傳達(dá)的信息和用戶實(shí)際理解產(chǎn)生偏差或者是更好地吸引用戶關(guān)注，根本要求就是效率的信息傳播。但文案設(shè)計(jì)往往不能做大量的用戶研究測(cè)試，因?yàn)槲陌钢皇蔷W(wǎng)站的一個(gè)組成部分，也不是產(chǎn)品好壞的首要因素，難以單獨(dú)剝離出來做大量測(cè)試。如何撰寫好的文案，一方面依賴于執(zhí)行者的個(gè)人語言功底、對(duì)產(chǎn)品流程的理解以及創(chuàng)新能力，另一方面也可以通過簡(jiǎn)單的用戶測(cè)試避免一些不必要的失誤，保證基本文案質(zhì)量。

網(wǎng)頁的交互設(shè)計(jì)相關(guān)標(biāo)簽：網(wǎng)站規(guī)劃，網(wǎng)站建設(shè)，設(shè)計(jì)網(wǎng)頁，企業(yè)網(wǎng)站制作

相關(guān)熱點(diǎn)推薦

系統(tǒng)化學(xué)習(xí)SEO技術(shù)的 用戶體驗(yàn)中溝通的技巧 迭代的設(shè)計(jì) 網(wǎng)站中視覺元素的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對(duì) 手機(jī)建站時(shí)容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識(shí)別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡(jiǎn)論 網(wǎng)頁布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁改版 web設(shè)計(jì)師可以走得更 專業(yè)設(shè)計(jì)網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計(jì)的幾點(diǎn)知識(shí) 青島網(wǎng)站制作哪家強(qiáng) 交互設(shè)計(jì)的8項(xiàng)黃金法則 設(shè)計(jì)良好網(wǎng)頁的4項(xiàng)原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營銷的五個(gè)階段 青島網(wǎng)站設(shè)計(jì)成功要素 小型企業(yè)網(wǎng)站維護(hù) 奈薇建站網(wǎng)科技2016 國內(nèi)網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)談 微信營銷推廣的特性-奈 什么是自助建站？ 如何從營銷的角度策劃建

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶