UI設計

平板的UI設計-以指尖為出發點的設計                  

^[3]

 不同過去以滑鼠為主要操作的年代，現在觸碰已成為並駕於滑鼠，第二主流的操作行為，主要代表的產品包括平板電腦以及智慧型手機。相較之下，滑鼠可以提供使用者更精確的操作^[2]。尤其對於專為滑鼠所設計的網頁，可以明顯感覺到以不同方式點選時的精確度落差。

^[2]

市面上平板或觸碰手機在尺寸大小雖然會有不同的差異，但是人指尖的平均觸碰面積卻不會因平板的不同而有差異^[1]。在設計時，最起碼要為可觸碰元件留有44 X 44 points的面積^[1]。以指尖為出發點的設計，也成為平板電腦的UI設計所須必備的一個設計觀念。以這樣為出發點的設計，也將會有很高的機率同時適用於滑鼠操作的產品。

控制元件的設計尺寸太小，或是彼此元件的距離太近，都會讓使用者在使用經驗上感覺到壓力，而沒有辦法享受使用上的樂趣^[1] ，也讓部分的使用者對其敬而遠之。在這方面的拿捏，iPhone內建的計算機App就是其中一個優良範例了。其中也因為這樣原因，現在的網站也因應推出了針對平板/手機的特別版本，例如Facebook、Yahoo等。從Yahoo的範例來看，也可以很明顯的感受到滑鼠所提供的精確度，可以幫助使用者操作更精確與複雜的操作。

對於跨電腦和平板的UI設計，最好的設計精神是可以從兩者的中心點找到平衡^[2]。設計一個UI適用於兩者。專門為平版設計一個版本的壞處大致有兩點。管理者可能無法同步管理^[2]，必須在每次更新的時候要分開不同版本進行更新；第二，使用者可能必須學習不止一種的使用方式^[2]。根據不同的觸控產品的盛行，UI設計師必須更以指尖作為設計UI的出發點，讓觸控使用者甚至滑鼠使用者都可以得到更多的使用舒適度。

文獻來源:

[1] Apple Inc (2012) ‘iOs Human Interface Guidlines’, User Experience Guidlines [Online]. Available at: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UEBestPractices/UEBestPractices.html#//apple_ref/doc/uid/TP40006556-CH20-SW1 (Accessed: 20 February 2013).

[2] Connor Turnbull (2011) ‘Designing With Tablets in Mind: Six Tips to Remember’, webdesign.tutsplus, 1 June. Available at: http://webdesign.tutsplus.com/articles/general/designing-with-tablets-in-mind-six-tips-to-remember/ (Accessed: 20 February 2013).

[3] All Things D. (2013) RCA Looks to Make Mark in Tablet Market With Free Live TV [Image]. Available at: http://allthingsd.com/20130104/rca-looks-to-make-mark-in-tablet-market-with-free-live-tv/ (Accessed: 20 February 2012)