什麼使Web應用程序成爲觸摸板友好的應用程序？

使用ASP.NET MVC設計Web應用程序我問自己，我怎樣才能讓那些使用智能手機，iPad等的人們（所有可以觸摸的東西......），而不僅僅是一臺帶瀏覽器的臺式機/筆記本電腦。什麼使Web應用程序成爲觸摸板友好的應用程序？

我該如何開發更好的用戶體驗。

我很高興聽到有關asp.net mvc框架的技術建議，所以我稍後可以實現您的建議具體。

2011-12-30 Elisabeth

如果您正在開發iPhone/iPad/Android等觸摸界面，那麼請確保您沒有包含任何代碼，這些代碼可以讓您對某物進行HOVER查看/與其交互。這些設備沒有懸停的概念。如果你這樣做，那麼至少可以提供某種解決方法。 – Dismissile 2011-12-30 16:43:16

此問題可能會在[User Experience Stack Exchange]（http://ux.stackexchange.com/）上得到更好的答案。 – 2011-12-30 18:56:48

@djacobson我以後也會這樣做。 – Elisabeth 2011-12-31 09:36:43

通過我的教程ASP.NET MVC 4 Mobile Features

創建移動設備專用的看法。

-使用HTML5視口屬性和自適應渲染來改善移動設備上的顯示效果。

來源

2011-12-31 17:33:46 RickAndMSFT

a MSFT很棒：P – Elisabeth 2012-01-03 14:12:24

有幾個級別的友好。你可以從基礎開始：「這個網站是否足以在移動瀏覽器中可用？」對於任何使用現代Web標準的新應用來說，這確實不成問題，但舊網站可能會遇到問題。對此的Corallary是「我的網站是一個帶寬豬，需要永久渲染超過3G，因爲每個頁面是14MB的動畫GIF和意大利麪條HTML？」或者「我的網站是否由於攻擊腳本使移動設備融化？」幸運的是，這個集合很容易處理 - 現代網站默認處理這個很好。

第二個層次是「這個網站是否從觸摸的角度出現任何令人發狂的事情。」在這裏可以剪輯你的大件事是基於懸停的菜單 - 有沒有懸停在觸摸用戶界面上。另一個常見問題是使用小鏈接或按鈕，至少不能放大到瘋狂關卡。這裏的解決方案就是測試 - 一些問題對所有人都是顯而易見的，但除非您使用鼠標進行交互，否則您將無法看到一些內容。

最後一級使用觸摸界面來獲得樂趣和利潤。如果你做到這一點，在當今時代你比許多網絡發行商做得更好。這裏涉及到的是使用觸控友好的UI工具（如jQuery Mobile）來處理滑動事件和其他觸摸功能，以使事情更像使用觸摸UI所期望的那樣工作。一個簡單的例子就是使圖像傳送帶輕掃而不必等待按鈕。

來源

2011-12-30 16:48:11

使界面矮胖 - 大圖標易於點擊，文本很難準確觸摸。爲每個元素設置一個最小尺寸，至少與iPhone/android虛擬鍵盤上的各個鍵一樣大，最好大得多。

確保最相關的選項靠近頂部，之後的目標是簡單直觀。更少的菜單通常更好。

來源

2011-12-30 20:27:45

什麼使Web應用程序成爲觸摸板友好的應用程序？

回答

相關問題