國立彰化生活美學館藝文活動報名系統-黃嘉旭

ray 文化部
#1

網站

文化部國立彰化生活美學館藝文活動報名系統

姓名

黃嘉旭

日期

2017—11–02

瀏覽器解析度（iOS的Safari填裝置名稱 macOS填瀏覽器解析度）

1440 * 900

作業系統版本

macOS 10.12.6（MBA 2015）

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：版本 62.0.3202.62 (正式版本) (64 位元)
Safari：版本 11.0（12604.1.38.1.7）

有發現表格排版影響閱讀問題（大量table爆炸可以截示意圖列出位置就好）

無

有跑版（影響閱讀）問題

[首頁]>[註冊新會員]>[同意書確認]： 會員專區中「我已完全閱讀並同意以上內容」的 checkbox 跑版

會員專區中「我已完全閱讀並同意以上內容」的 checkbox 會隨著點擊而上下變動位置，在 Safari 下尤其明顯

有出現亂碼

無

有壞掉的連結

全網頁： 頁腳的隱私權與政策宣示沒有連結，這邊應該要跟美學館的主網站頁腳要一致

全網頁： 頁腳的著作權聲明沒有連結，這邊應該要跟美學館的主網站頁腳要一致

有不能用的外掛程式（ActiveX、Applet、Flash、Silverlight、…）

無|N/A

有不能運作的網頁元素（如按鈕不能按、選單不能選等）

無

其他（無法判斷屬於以上那個分類的都放在這邊）

全網頁：[頁面右上角的三個圖示沒有辦法讓人一眼就知道那三個圖示是代表什麼意思]

[首頁]>[註冊新會員]>[填寫基本資料]： [申請會員之資料表單，地區並未適當分類，擠在同個表單中]

早已截止的活動，在首頁上全面都還是有「報名」鈕

[首頁]>[活動查詢]：首頁中活動查詢目缺乏「詳細資訊」等按鈕，得點圖片才能看詳細資訊，但並給予充足指示，讓使用者知道圖片可以點按獲取進一步訊息

對此網站建議（給個建議吧）

☆☆☆☆

  1. 建議連彰化生活美學館首頁都一起改版像報名頁面這樣的新網頁，這樣才統一。

  2. 版面雖然比舊版的美學館頁面清爽，但沒有注意到很多細節，像是該放的連結沒有放、表單設計沒有適當分類、部分按鈕跑版的等，還請注意。

其他細緻的建議內容正在撰寫中，將會更新於：Ray 公部門二級機關網頁檢查筆記

#2

問題：

[首頁]>[註冊新會員]>[同意書確認]： 會員專區中「我已完全閱讀並同意以上內容」的 checkbox 跑版
會員專區中「我已完全閱讀並同意以上內容」的 checkbox 會隨著點擊而上下變動位置，在 Safari 下尤其明顯

可能原因：

safari 瀏覽器在點擊前後不斷修正 checkbox 的 height and width

建議修改：

於 css 中加上，並修正 margin

input[type="checkbox"] {
margin: 4px 10px;
height: auto;
width: auto;
}

補充：修改後的版面如下

#3

問題：

全網頁： 頁腳的隱私權與政策宣示沒有連結，這邊應該要跟美學館的主網站頁腳要一致
全網頁： 頁腳的著作權聲明沒有連結，這邊應該要跟美學館的主網站頁腳要一致

可能原因：

此部分需補上連結