人機介面設計: CH5 課前作業1

問題一：

何謂裝置資料庫？你覺得它對開發者和使用者兩種角度上各有什麼影響？

行動裝置資料庫包含有關瀏覽器、平台、以及行動裝置的硬體能力和它們的瀏覽器的詳細資訊，透過唯一識別鍵(通常是用戶代理字串)查詢對應的資料，我們能夠獲得關於某個裝置的諸多屬性及瀏覽器。

與使用者的關係：利用用戶代理字串，使用者可以定位並找回遺失的手機；以及透過雲端資料庫的功能，可以同時備份手機資料庫中的資料置雲端，讓使用者不論在何時何地、手機是否在身邊，都可以輕鬆存取手機內的資訊。

範例：蘋果使用者可以透過「尋找我的iPhone」功能追蹤手機位置，可以執行遠端鎖定，讓拾獲者無法操作手機；三星跟HTC也能透過事先設定，一旦手機遺失，就可從官網或專屬頁面追蹤尋回。

新聞連結

與開發者的關係：開發者利用不同平台的資料庫做為開發APP連結的平台，系統直接存取資料庫中的資料，可以蒐集使用者資訊，並讓使用者回饋，提供使用者與開發者有間接的互動，當資料庫當機或遭入侵時對開發者更是衝擊。

新聞連結：開發者網站遭入侵蘋果重建資料庫系統

問題二：

在過去使用行動裝置瀏覽行動網站時是否曾發生過設計不良的網站，導致怎樣的操作不便？如果你是開發者，會如何解決它的問題?

近來智慧型手機與平板使用率逐年升高，無線上網環境也比從前更加健全，對於網站使用者經驗的要求，也快速蔓延到各種裝置上。

行動端網頁常發生的錯誤:

被限制的內容: 通常使用者希望從行動裝置取得的網頁資訊，應該與傳統網頁取得的無異，因此不要刪減任何內容。建議製作專為手機用戶使用的網頁，並將內容作適當的編排與規劃，而非拿掉一般網頁上原有的東西。
多重的網域: 行動網頁不要使用多個不同的網域，應該整合在一起，因為網域對於搜尋排名和品牌識別都很重要，也攸關網站主多年投入的心力。
彈出式視窗 (Pop-ups) : 彈出式視窗會讓人感覺較有侵略性，所以一般被認為是較差的使用者體驗，若有需要建議使用簡單的橫幅廣告取代。
無法撥放的影片: 很多影片時常無法在智慧型手機上播放，因此建議以 HTML5 標準標籤將影片匯入，且不要用像是Flash、Java Script 格式的內容，因為大部分的手機並不支援。
錯誤的重新導向 (Redirects) : 如果你的網頁有個等同智慧型手機的 URL，請確定有進行 Redirect，那麼使用者最終就可以到達正確的目標頁。卻是建立手機網頁時常見的問題。
讀取速度: 若網頁讀取得快，通常使用者經驗也較佳。而且手機端的使用者通常有一些特性，例如: 對於網頁的讀取速度會更敏感，網頁讀取速度不佳時，放棄的比率也較一般高。

因應跨裝置瀏覽網頁的三種設計方式:

響應式設計(Responsive Design) : 主要針對使用者不同尺寸的螢幕來優化網站體驗，通常透過調整圖片大小、模板樣式和顯示的內容來達成，一般常見的 Mobile Web 就是運用此種設計。
相同網址上動態變更 HTML : 當訪客載入網頁時，網站伺服器會根據使用者的設備 (包括手機、平板、PC)，顯示合適的頁面 (HTML+CSS)，因此不同的使用者瀏覽相同的頁面時，看到的網頁內容不一定相同。
重新導向網址 (Redirection) : 透過自動判斷訪客是否使用行動裝置，來將使用者導向至適合行動瀏覽的網站，因此通常會針對不同裝置另外設計網頁內容。

問題三：

我們可以從裝置資料庫上獲得什麼資訊？那這些資訊可以用來做什麼？

行動裝置資料庫包含有關瀏覽器、平台、以及行動裝置的硬體能力和它們的瀏覽器的詳細資訊，透過唯一識別鍵(通常是用戶代理字串)查詢對應的資料，我們能夠獲得關於某個裝置的諸多屬性及瀏覽器。
透過裝置資料庫獲得有關瀏覽器、平台、以及行動裝置的硬體能力，然後有了這些資訊你可以根據它們調整內容例如：

───────────────────────

組　員　名　單

───────────────────────

13013015　陳彥汝

13013035　林堃儒

13013038　洪子涵

13013044　許　桔

───────────────────────