• 沒有找到結果。

第三章 個案分析與專家訪談

第一節 個案分析

一、 Android 系統免費項目

(一)排名一 Kahoot!

Kahoot! 是一款答題互動軟體,使用者當出題者也能當答題者,出題者可以設 置問答主題、題目、選項和答案,答題者作答完成後會顯示排行榜和答題者的成績,

問答主題是採取包廂的方式,可以讓任何人進入包廂玩問答遊戲,也能夠設置密碼 或限制包廂人數。

圖形介面設計涵蓋以下要點:介面主色以紫色為主體,紅、藍、黃、綠為副,

並依據上述五種顏色微調明度和彩度延伸其他裝飾色,整體色系活潑又不失沈穩。

版面編排設定為直向操作,介面按鈕有大小之分,問答主題、類別和選項以大按鈕 呈 現 , 登 入 、 註 冊 、 創 建 題 目 是 中 等 大 小 , 基 本 的 指 令 功 能 如 導 航 欄(Bottom Navigation Bar ) 、設定內的功能以小按鈕的方式呈現,介面風格為 Google 的 Material Design 和扁平化設計,除此以外有些乍看是扁平化風格的介面鈕和圖像有疊加少量

圖形隱喻來自Google 的 Material Design 中的紙(Paper)和卡片(Cards)概念,介 面中許多的白色色塊如同一張張的卡片,能夠囊括資訊、堆疊、分類。

受歡迎的元素有外部酬賞、社交功能與遊戲功能,跟其他玩家競賽還有設問 題跟他人互動都屬於社交系統,答題也可視為一種趣味的遊戲,答題過程中答對會 跳出得分畫面,在答題結束後有排行榜告知玩家排名,都可說是外部酬賞。

Kahoot! 操作簡單,點選選擇題的項目就會自動進入下一題,本研究認為沒有 引導教學也能操作,App 的反饋多變靈活,點選不同按鈕畫面過場的方式會有所不 同,點選母單元中的子單元過場是淡入加上放大畫面,點選沒有子單元的單一項目 單元是從下往上彈入,選擇付費方案是畫面淡入,在答題中選擇選項顏色漸變,儘 管反饋多變卻有秩序,靈活多變卻不會感到雜亂。

傳達訊息的方式有文字、圖像、音效, 觸控手勢主要是點擊和輕掃,針對上 述將重點整理如下表:

表 5 Kahoot! 介面設計分析

排名一 Kahoot!

排名一 Kahoot!

內容

答題互動軟體

年齡區間

4 歲以上

圖 形 介 面

設計

顏色 主 色

副 色 圖形隱喻 紙(Paper)和卡片(Cards)概念

介面風格 Material Design、扁平化、向量插畫

受 歡 迎 元

虛擬角色 無

外部酬賞 獎勵制度:排行榜 計分系統:答題得分 娛樂用按鈕 無

社交功能 跟其他玩家競賽、設問題跟他人互動 遊戲功能 答題遊戲

傳達訊息

文字、圖像、音效

引導

直觀無引導

反饋

動畫、顏色改變、音效

(二)排名二LingoDeer: 學習英文、韓文、日文、法文或更多語種 喻來自Google 的 Material Design 中的卡片(Cards)概念,介面中許多的白色色塊如同 一張張的卡片,能夠囊括資訊、堆疊、分類。

表 6 LingoDeer: 學習英文、韓文、日文、法文或更多語種 介面設計分析 排名二 LingoDeer: 學習英文、韓文、日文、法文或更多語種

內容

語言教學軟體

年齡區間

4 歲以上

圖 形 介 面

設計

顏色 主 色

副 色 圖形隱喻 紙(Paper)和卡片(Cards)概念

排名二 LingoDeer: 學習英文、韓文、日文、法文或更多語種 Material Design,視學習情境加入一些向量插畫。

版面依據類別編排,畫面分配平均,視學習情境加入一些向量插畫;圖形隱 喻來自Google 的 Material Design 中的卡片(Cards)概念,介面中許多的白色色塊如同 一張張的卡片,能夠囊括資訊、堆疊、分類。

受歡迎的元素有虛擬角色和外部酬賞,App 內的虛擬角色是一隻黃色的鹿,

經常出現在答題過程中,因整體介面乾淨簡潔,加入鹿以後視覺有了主題,也能提 升使用介面的趣味性。

外部酬賞則為獎勵制度和計分系統,獎勵制度—搜集任務勳章,只要完成任 務就能夠獲得勳章,勳章會收錄在個人檔案中可隨時查看,任務內容有學習時間長 度、學習單元多寡、學習語言的數量等。計分制度則是完成一個單元會增加經驗值,

累積經驗值就能提升等級,等級提升到一定程度即能獲得任務勳章,是結合計分和 獎勵制度的功能。

傳達訊息的方式有文字、圖像、旁白與音效,答題時會有文字和圖像以外還 會有聽力測驗,App 會唸出一段話讓使用者選擇相應的答案,答題成功或者失敗都 會有音效,觸發按鈕會有小幅度的動畫反饋和顏色漸變,操作手勢簡單,主要是輕 掃、點擊。針對上述將重點整理如下表:

表 7 多鄰國(Duolingo) | 免費學習英語 介面設計分析

排名三 多鄰國(Duolingo) | 免費學習英語

排名三 多鄰國(Duolingo) | 免費學習英語

圖形隱喻 Material Design 中的紙(Paper)和卡片(Cards)概念 介面風格 扁平化、Material Design

圖形隱喻來自Google 的 Material Design 中的卡片(Cards)概念,介面中許多的白色色 塊如同一張張的卡片,能夠囊括資訊、堆疊、分類。

受歡迎的元素有外部酬賞的獎勵制度和遊戲功能,獎勵制度—搜集學習卡片,

只要寫完測驗就能獲得學習卡片,卡片會收錄在主頁中可隨時查看。遊戲功能則是 可以在生活卡片上畫圖。

傳達訊息的方式有文字、圖像、旁白與音效,在注音出現時都會有旁白輔助,

點選按鈕會改變按鈕顏色並出現音效,操作手勢有輕掃、點擊、拖移。

針對上述將重點整理如下表:

表 8 ㄅㄆㄇ注音學習卡 介面設計分析

排名四 ㄅㄆㄇ注音學習卡

排名四 ㄅㄆㄇ注音學習卡

虛實,且此款遊戲是主打科普功能,本研究因此反思在設計 App 時應考量設計的目 的,謹慎進行是十分重要的。

圖形介面設計涵蓋以下要點:介面主色有飽和度高的紅、藍、黃,其他顏色 不固定,整體明度與彩度偏高,給人快樂、活潑的印象。遊戲中的角色大多是可以 點擊的,風格有扁平化和向量插畫,偶而會加一些材質和漸層。

圖形隱喻範圍很大,囊括動物、植物、生活用品,藉由隱喻對應兒童的心智 模型操作介面,若過幾秒使用者沒有正確操作介面,畫面上將會出現一根手指引導 動作,並且有旁白指引。

受歡迎的元素有虛擬角色、外部酬賞、娛樂用按鈕、遊戲功能,App 內的主 角是一隻熊貓,使用者會遇到各式各樣的角色並可以與之互動;每個單元都是一款 小遊戲,遊戲類型多元,但目的皆是讓兒童認識該單元介紹的物種,有些遊戲內有 蒐集貼紙的獎勵制度或是娛樂用的裝飾性小按鈕。

傳達訊息的方式有圖像、旁白、與音效,大多數單元沒有文字,只有在少數 單元內出現;相較其他 App 本遊戲的旁白量十分多,除了指引玩家操作的旁白之外,

不同單元中的虛擬角色也會說話引導玩家操作,引導與反饋方式是這款遊戲的特色 之一,符合情境故事引導、反饋,讓本研究在操作遊戲時特別能沈浸其中。

觸控手勢也是依據遊戲玩法變化不固定,點擊、輕掃、拖移都有。針對上述 將重點整理如下表:

表 9 寶寶巴士科學島 介面設計分析

排名五 寶寶巴士科學島

排名五 寶寶巴士科學島