• Home
  • 設計
  • 研究
  • 產業
  • 團隊
  • 教育
  • VIDE 徵求作者
Facebook Twitter Instagram
RSS Facebook Twitter
Vide
  • Home
  • 設計
  • 研究
  • 產業
  • 團隊
  • 教育
  • VIDE 徵求作者
Vide

設計高易用性網站的8個實用小技巧(下)

0
By beBit on 2016-02-23 網站設計, 設計, 設計方法

接續上篇「設計高易用性網站的8個實用小技巧(上)」前六個易用性小技巧的介紹,在本篇 beBit 進一步介紹撰寫網頁文案及視覺動線的規劃技巧,協助讀者理解高易用性網站的最基本原則。

文 / beBit

重點七、網頁文案這樣寫,溝通更容易

撰寫文案的重點在於「即便在5秒內掃過,也知道文章的內容」。由於網站文章的易讀性比起紙本低,許多使用者僅是大致掃過,若沒有吸引眼球或易懂的內容,很容易跳出。讓使用者5秒內讀懂文章的技巧,有以下幾點:

(1)結論直接放在標題

網站文章的易讀性比起紙本低,許多網站使用者只閱讀標題而不細讀內容,為了讓使用者看到有用的資訊,重要的結論應該放在標題中。以下為幾個撰寫標題的要點:

  • 關鍵字放在前面
  • 一個標題只放一個重點
  •  強調對於使用者的益處而不是功能
  •  不使用專業術語、公司內部用詞和外文
  • 刪除所有贅字
  • 加入數字強化說服力

(2)「結論→推論過程」的撰寫順序

在段落的開頭先提示結論,從重要的資訊開始傳達是防止使用者離開的要素。許多網路撰文者慣於以「歸納結論」的方式撰寫文章,在寫結論之前描述許多推理過程,看了三四行後還是看不到重點,導致使用者容易失去耐性,放棄閱讀。因此撰寫網路文章時務必要遵守「結論→推論過程」的原則,降低讀者放棄機率。

(3)控制文章長度

網路使用者的耐性有限,因此須盡量簡短文章的長度,一行字數控制在35~40文字,一個文章段落控制在3~4行。如果有太多重點造成文章過長,則可以運用以下技巧:

  • 附上摘要
  • 根據內文多寡使用大、中、小標題
  • 利用條列式敘述

重點八、如何掌控使用者在網站上的視線

只要把握以下3個元素,網站設計師就能掌控使用者視線流動的方式:(1) 視線起點的定位、(2) 運用強化元素引導視線、(3) 運用阻礙元素阻擋視線。

(1) 視線起點的定位

當您看到下圖一的網站,您會先從哪裡看起呢?是不是先看到了「徹底理解網路使用者…」的公司理念,以及下面的「顧問實例/顧問成果」區域?

【圖一】beBit公司官網

造訪 beBit 網站的多數使用者對公司業務內容不是很熟悉,常常抱持著模糊的印象造訪,所以在設計上刻意引導視線到業務說明的區域。另外,在導覽列使用灰色的背景色弱化色彩對比,可以更自然的強調主要內文區域。

(2) 運用強化元素引導視線

引導視線的最好方法就是用吸引人的元素吸睛(如圖片、行動按鍵、對比色…等),用阻礙的元素隔絕(灰色、縮小的文字…等)。網頁上的吸睛元素有以下數種:

  • 圖片或照片的吸引力強過文字
  • 對比的顏色容易被看見
  • 使用粗體字、紅字、放大來產生強調的效果
  • 行動按鍵或文字連結(藍色底線文字)
  • 使用阿拉伯數字

上述「顏色的使用」及「文字強調效果」是台灣很多網站設計師會犯錯的地方,設計師為了增加版面的豐富度,常會運用很多色彩在背景色或文字上,但色彩越多越沒有重點,反而弄巧成拙。吸睛的原則就是:「重要的東西就不要客氣的強調他,不重要的東西就盡量刪掉他!不要濫用過多的設計元素」

【圖二】A 的吸睛力遠大於 B 和 C

(3)運用阻礙元素阻擋視線

「灰色系的背景色」與「廣告橫幅」是常見阻礙視線的元素,灰色系的背景色會弱化內文的重要性;而廣告橫幅則容易被使用者忽略,常有將重要專題的入口設在廣告版面的情況發生,但幾乎沒有人點選瀏覽,效果不佳。

此外,區隔線條顯示上下內文沒有關連性,常用來阻礙或改變使用者的動線:適當的使用橫線可以引導使用者視線到特定的目標,但是在想要讓使用者看到的區域上劃一條橫線反而會阻礙了他們的視線。

文章轉載自:beBit


訂閱 vide 最新訊息: vide 臉書粉絲頁 http://facebook.com/videmedia

beBit 網頁文案 背景色 顏色
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Previous Article設計高易用性網站的8個實用小技巧(上)
Next Article 媒體、生產力工具及表情符號應用程式讓行動再次創造高峰
beBit
  • Website

beBit 是源於日本最大的數位策略顧問公司,專注於以 「顧客為中心」的理念協助企業進行策略佈局,透過科學方法解析顧客心理,並以獨創的假設驗證模型,建立全通路的整合策略; 於2012年起,分別設立台北與上海辦公室,將國際先進的研究方法與經驗帶入大中華市場。主要提供的服務項目可分為數位策略制定和跨平台顧客體驗策略與組織轉型兩類。

Related Posts

日誌研究的執行經驗分享 Tips for conducting Diary Studies

培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑

用戶研究的三個謊言

Leave A Reply Cancel Reply

近期文章
  • 日誌研究的執行經驗分享 Tips for conducting Diary Studies 2019-12-13
  • 培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑 2019-11-16
  • 用戶研究的三個謊言 2019-10-24
  • 不靠大數據,從粉絲的小數據讀出關鍵需求 2019-09-23
  • 為什麼大多數的Redesign其實沒什麼意義?因為忽略了三件事 2019-09-9
最受歡迎文章
By VIDE 編輯2019-12-13

日誌研究的執行經驗分享 Tips for conducting Diary Studies

By VIDE 編輯2019-11-16

培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑

By VIDE 編輯2019-10-24

用戶研究的三個謊言

By 奧沃市場趨勢顧問2019-09-23

不靠大數據,從粉絲的小數據讀出關鍵需求

By Lil Andy2019-09-9

為什麼大多數的Redesign其實沒什麼意義?因為忽略了三件事

文章分類
  • Featured (221)
  • 專欄 (21)
  • 教育 (93)
    • 工作坊 (49)
  • 未分類 (7)
  • 洞察 (269)
    • 數據分析 (42)
    • 消費者洞察 (125)
    • 研究調查 (144)
  • 產業案例 (299)
    • 交通 (30)
    • 公共服務 (46)
    • 城市 (82)
    • 政府 (28)
    • 旅遊 (68)
    • 日常生活 (146)
    • 金融 (21)
    • 銀髮 (33)
  • 組織文化 (133)
    • 團隊介紹 (40)
    • 組織溝通 (94)
  • 設計 (518)
    • 服務設計 (155)
    • 物聯設計 (35)
    • 網站設計 (86)
    • 行動設計 (116)
    • 設計思考 (128)
    • 設計方法 (103)
    • 通用設計 (38)
    • 體驗設計 (179)
關於 VIDE
VIDE 創誌是一個聚焦洞察與設計,關心教育發展並鼓勵創新的媒體平臺。
VIDE 代表 Value,Insight,Design,Education。源自於拉丁文 videre,意思是「看到」。

VIDE 持續透過介紹國內外創新案例、概念發想與設計思維與實踐方法,並邀請創新設計團隊、組織、社群成為 VIDE 的內容與活動合作夥伴。期許自己能成為國內重要創新設計的媒體代表,協助建構臺灣創新設計的產業鏈與生態系。
追蹤 VIDE
Facebook: https://facebook.com/videmedia
Twitter:https://twitter.com/vide_tw
RSS:https://vide.hpx.tw/feed

聯絡:editor@vide.tw 或 02-2511-7626
地址:10459 台北市松江路158號11F-1
2015-2017 VIDE 創誌 - 帶你看見創新設計 / 悠識文化股份有限公司

Type above and press Enter to search. Press Esc to cancel.