• 首頁
  • 部落格
  • 廣場
  • 價格
  • 首頁
  • 部落格
  • 廣場
  • 價格
開始創作

創作。體驗。

創作部落格

首頁/部落格/行動裝置與無障礙

選項不靠滑鼠停留說明:讓觸控玩家確認前看清代價

將影響選擇的已知代價、可用條件與限制常駐在選項旁,補充說明可點開,確認摘要則視需要提供。用資訊分層表區分查看、選取與確認,避免手機玩家為了讀說明而誤下決定。

D
DramaFork Editorial Team互动叙事与 AI 创作方法
2026.10.07预计阅读 5 分鐘
選項不靠滑鼠停留說明:讓觸控玩家確認前看清代價 主題的原創封面插畫
文章目錄
創作部落格
  1. 01先給答案:關鍵代價必須在確認前可讀
  2. 02用資訊分層表決定每句話放在哪裡
  3. 03完整走一遍末班船選擇
  4. 04別讓說明入口成為另一個障礙
  5. 05用交付檢查表守住資訊邊界
返回文章頂部

先給答案:關鍵代價必須在確認前可讀

資源消耗、耗時或已知限制若只在滑鼠停留時顯示,觸控版就缺少完整的決策資訊。修改時,先把足以改變選擇的已知代價寫在選項旁。補充說明可點開;視需要提供的確認摘要用來核對目前決定,不能到這時才首次揭露重要條件。

判斷資訊是否該常駐,可問:玩家知道這句話後,會改選嗎?若會,就不能藏在收合區或無提示的手勢裡。「消耗唯一通行證」是決策條件;誰核發、為何有效,只有在不影響目前選擇時才可留在詳細說明。

查看、選取、確認也要分開。點「查看代價」只展開文字;點選項可先標記候選項目;按下明確的確認按鈕才推進劇情。若點選即確認,說明入口須與確認區分開,不能讓同一次點擊既嘗試查看又完成決定。

本文使用虛構教學案例《霧港末班船》。人物、數值與互動均為說明而設,並非真實使用者案例、實測結果,也不代表 DramaFork 現有功能。

用資訊分層表決定每句話放在哪裡

先列出各選項的已知條件,再安排顯示位置。別先按字數刪減,以免刪掉決定性限制。

資訊層 放什麼 可重複使用的句型
常駐重點 必付代價、已知無法兼得的限制,以及決定可用性或實際代價的條件 消耗什麼;因此放棄什麼;何時可選或代價會變
點開詳細說明 不影響目前選擇的原因、補充適用說明,以及非關鍵的未知背景 原因;補充說明;尚未揭曉的背景
確認前摘要(視需要) 所選行動與目前實際代價,核對已揭露的關鍵條件 執行什麼;扣多少;執行後剩多少

審稿時再問:「刪掉會改變判斷嗎?」若會,就移回常駐層,包括影響判斷的不確定性。「適用條件」不能全收合:決定能否選、付多少的條件必須常駐,只有不影響選擇的補充說明可點開。詳細說明不是重要資訊的收納箱,摘要也不能補救首次揭露的遺漏。

三者可搭配,但用途不同:常駐重點方便比較,卻占頁面高度;詳細說明容納長解釋,卻多一步查看;確認摘要適合難以撤回或容易誤觸的操作,卻會打斷節奏。

若只有兩個簡短選項,常駐條件加明確確認可能就足夠。若四個選項各有多項條件,先統一資訊順序,方便按相同面向比較,再加補充說明入口。別替每句普通對白加確認視窗。

完整走一遍末班船選擇

林遙有兩張船票、一份待送文件,距開船還有十五分鐘。她可請船夫立即送件,或留在碼頭等同伴。教學設定規定:送件用掉全部船票,今晚不能再搭客船;等待不花船票,但會錯過這班送件船。送達後的影響尚未揭曉。

原稿只顯示「請船夫送件」「等同伴回來」,代價藏在滑鼠停留時的說明裡。第一次修改為:

  • 請船夫送件:消耗兩張船票;今晚無法搭客船。旁設「查看送件條件」。
  • 等同伴回來:不消耗船票;錯過本班送件船。旁設「查看等待條件」。

展開送件條件後顯示:「船夫收取全部兩張船票作為報酬。交付後無法取回文件;收件人的回應未知。」這揭露了第一次修改的遺漏:無法取回會影響選擇,不能只放在展開區。最終常駐文字應為:「請船夫送件:消耗兩張船票;今晚無法搭客船;文件交付後無法取回。」詳細說明只補充不影響選擇的交付解釋。

玩家讀完後收合說明、選取送件,再進入本例採用的摘要:「交出文件並消耗兩張船票,剩餘零張;今晚無法搭客船,文件無法取回。」操作標示為「返回選擇」「確認送件」,避免只寫模糊的「確定」。

這次教學流程檢視的關鍵成果是找出遺漏條件。摘要核對已揭露資訊,不能最後才突然新增損失。返回時保留候選狀態,方便重新比較。

別讓說明入口成為另一個障礙

第一種失敗是改用長按,卻不提供可見入口。玩家仍不知道哪裡有說明,也可能將長按誤認為其他操作。長按可作補充;關鍵條件須直接可讀,補充說明則須有明確的文字入口。

第二種是說明圖示不好點選,或緊鄰立即確認區。既要看「能否開啟」,也要看「查看時會不會誤選」。W3C 說明列出最小目標尺寸的要求與例外。這不代表所有按鈕尺寸必須相同,也不能據此宣稱頁面通過認證。檢查須涵蓋說明入口、確認區的位置與操作結果。

第三種是詳細說明的浮動視窗遮住其他選項,關閉後又跳回頁首。需要逐項比較時,可在原處展開,入口改為「收合條件」;說明很長時可獨立呈現,但返回後須回到原選項位置。

第四種是只用顏色、圖示或省略號表示損失。「船票圖示減二」旁須寫「消耗兩張船票」;窄螢幕換行不能截掉「無法取回」。放大文字後,須檢查完整條件與確認按鈕,不只看標題是否超出範圍。

用交付檢查表守住資訊邊界

將下表複製到每個關鍵選擇節點,由編輯填入文案,再交給介面開發人員核對:

檢查項 通過時應能看到什麼
首次進入 不必展開即可讀到各項關鍵代價、可用條件與限制
查看條件 展開、收合均不推進劇情,收合內容不藏關鍵條件
比較選項 同類資訊的順序一致
返回修改 候選項目與閱讀位置仍可辨認
最終確認 確認操作明確,已顯示的關鍵條件符合現況;若有摘要,也須符合目前選擇與資源狀態

此表只涵蓋決策資訊的呈現,不能取代完整的無障礙評估。摘要可選,但確認前都須核對實際條件。閱讀時資源若改變,應先顯示新代價,讓玩家重新決定;若有摘要,也須同步更新,不能沿用過期內容。

劇情未知與介面遺漏須分開。案例可暫不揭露收件人的回應,不能隱去角色已知的票價。減少劇透是暫不揭露未知後果,不是遮住眼前交易條件。後果若只是角色推測,就寫「可能」,不能在摘要中改成保證。

限時選擇須決定閱讀是否計時,並在介面說明。若仍計時,應精簡常駐文字但保留全部關鍵條件,減少必須展開的內容;光有詳細說明按鈕並未解決閱讀負擔。最終交付標準是:玩家不必發現隱藏手勢,也能在行動前知道即將付出什麼、換取什麼。

了解产品能力 体验互动作品

继续阅读

浏览更多文章
放大字級後,如何檢查選項與正文仍可完整使用? 主題的原創封面插畫
行動裝置與無障礙2026.10.07 · 5 分鐘

放大字級後,如何檢查選項與正文仍可完整使用?

以同一段正文、兩個長選項及一則彈出說明,逐步檢查放大後的閱讀、選擇與返回流程,並以「阻斷、截斷、順序」三類紀錄定位問題。

劇情自動捲到底,會打斷正在閱讀的玩家嗎? 主題的原創封面插畫
行動裝置與無障礙2026.10.07 · 5 分鐘

劇情自動捲到底,會打斷正在閱讀的玩家嗎?

收到新對白時,先保留玩家的閱讀位置。以回看、補讀、跟隨三種狀態,明定未讀提示何時出現、跳轉停在哪裡,以及何時允許畫面跟隨新對白。

不聽聲音也能判斷:替聲響線索寫出有用的文字 主題的原創封面插畫
行動裝置與無障礙2026.10.07 · 5 分鐘

不聽聲音也能判斷:替聲響線索寫出有用的文字

「傳來敲擊聲」只說有聲音,沒交出線索。用聲響轉寫卡保留可辨來源、節奏、變化與不確定性,讓靜音閱讀的玩家也能比較證據,並保有推理空間。

從一個故事,到一個可玩的世界。

從一句故事創意出發,在同一個專案裡組織劇本、角色、鏡頭與分支,逐步完成第一版可玩 Demo。

產品

  • 價格
  • 積分清單
  • 產品能力
  • 創作流程
  • 作品範例
  • 常見問題

探索

  • 影遊廣場
  • 創作部落格
  • 創作者合作計畫

法律資訊

  • 隱私政策
  • 使用條款
© 2026 DramaFork/AI 互動影遊創作平台
Press Enter to send, or drag away and release.