使用性工程 – 網頁設計使用性工程 – 網頁設計

豐航琉璃工藝坊豐航琉璃工藝坊

指導老師：楊斯嵐指導老師：楊斯嵐組員組員

993F0004993F0004993F0006993F0006993F0017993F0017993F0021993F0021993F0043993F0043993A1045993A1045993A1046993A1046

使用流程使用流程六個實驗工作者都相同的跟著網頁的架構一六個實驗工作者都相同的跟著網頁的架構一

層一層往下瀏覽層一層往下瀏覽

固定的工作列連結在畫面的最下方固定的工作列連結在畫面的最下方 ,<,< 橫式橫式的閱讀習慣的閱讀習慣 >> 不會讓使用者想跨過此種方式不會讓使用者想跨過此種方式

其中一個實驗工作者則是先到商品目錄瀏覽其中一個實驗工作者則是先到商品目錄瀏覽而後到留言板再來是到而後到留言板再來是到 DIYDIY 的部份的部份

針對針對 (( 首頁首頁 )) 之意見之意見一進入頁面會不知道它是自己切換還是必一進入頁面會不知道它是自己切換還是必

須自己動手。須自己動手。 (04(04 、、 17)17)首頁不吸引人。首頁不吸引人。 (45)(45)圖文比例怪異，會讓人想點大圖進入。圖文比例怪異，會讓人想點大圖進入。 (4(4

6)6)首頁很有張力。首頁很有張力。 (06)(06)直接跳過不予理會。直接跳過不予理會。 (21)(21)

針對針對 (( 理念理念 )) 之意見之意見感覺圖字頁面太亂，同時有兩張圖出現所感覺圖字頁面太亂，同時有兩張圖出現所

以不想看。以不想看。 (06)(06)眼花撩亂，選項過多，操作不易上手。眼花撩亂，選項過多，操作不易上手。 (0(0

4)4)手忙腳亂，不曉得左右兩邊的箭頭是要幹手忙腳亂，不曉得左右兩邊的箭頭是要幹

嘛用的。嘛用的。 (45)(45)下面的連結然後會和中間的連結有點搞不下面的連結然後會和中間的連結有點搞不

清楚清楚 (46)(46)

針對針對 (( 商品商品 )) 之意見之意見操作頁面劃分過於精細。操作頁面劃分過於精細。 (04(04 、、 17)17)四大分類的商品希望可以跨別比較。四大分類的商品希望可以跨別比較。 (06)(06)飾品目錄還算了解，但是要再看別的分類飾品目錄還算了解，但是要再看別的分類

又要想到另外從下面主選單選取，稍顯麻又要想到另外從下面主選單選取，稍顯麻煩了點。煩了點。 (45)(45)

針對針對 (DIY)(DIY) 之意見之意見網頁架構技術上有很大的問題，網頁設計網頁架構技術上有很大的問題，網頁設計

者可以讓消費者自己在電腦上畫好後再上者可以讓消費者自己在電腦上畫好後再上傳至傳至 FTPFTP 或是信箱，至於進度我絕得有點或是信箱，至於進度我絕得有點多此一舉多此一舉 !! （（ 4646 ））

沒有訂購說明，可以讓消費者了解消費內沒有訂購說明，可以讓消費者了解消費內容，購時更安心！容，購時更安心！ (04(04 ，， 17)17)

沒有此意念的人看到這個頁面不會增加購沒有此意念的人看到這個頁面不會增加購買的意願！買的意願！ (21)(21)

針對針對 (( 留言板．討論區留言板．討論區 )) 之意見之意見這樣的設計下去留言以及討論都會太小，這樣的設計下去留言以及討論都會太小，除非大家的解析度都非常高。除非大家的解析度都非常高。 (43)(43)

二個不同類型的區塊，卻在同一個頁面呈二個不同類型的區塊，卻在同一個頁面呈現，左眼和右眼很難抉擇要看那一邊。現，左眼和右眼很難抉擇要看那一邊。 (0(06)6)

這二個明明就是一樣的東西為什麼要分開這二個明明就是一樣的東西為什麼要分開呢呢 ?(21)?(21)

針對針對 ((友站連結友站連結 )) 之意見之意見沒有想法，可能因為大多數的網站都有友沒有想法，可能因為大多數的網站都有友站連結，只是不知道是要連到那一個網站站連結，只是不知道是要連到那一個網站　　 ((綜合綜合 ))

綜合建議綜合建議整個網站的視覺效果全都被網頁中間的分整個網站的視覺效果全都被網頁中間的分割線給分離割線給分離 ,,造成視覺錯亂不知要看左還是造成視覺錯亂不知要看左還是看右看右 !!

((除了第一頁和最後一頁沒有而已除了第一頁和最後一頁沒有而已 )) 這樣的分割理念運用在商品的部份是很好這樣的分割理念運用在商品的部份是很好

的的 !! 但如果全部都是這樣效果就會打了折扣但如果全部都是這樣效果就會打了折扣