手機網頁設計介面介紹

準備好迎接智慧型手機網頁設計

我們生活在一個可攜式網頁設計的黃金時代。據商業報導,智慧型手機的銷售量已經比多過桌上型電腦了!這是一個令人振奮的增長! 

我們的用戶、我們的客戶、我們的公司 - 他們都需要,或即將需要強大的手機應用程式APP開發。我們必須準備好迎接這一挑戰!

路徑

智慧型手機網頁設計規則

可攜式網頁設計和PC網頁設計大大不同。

1。上下文排列規則
比方說,我們要設計一個手機應用APP,它的功能應該是幫助人們在購物時可以比較價格、管理購物清單.....等。把用戶的實體店鋪搬移到手機上,你要考慮使用智慧型手機查看網頁的用戶,他現在可能在一個擁擠的環境中,也許他只能騰出一隻手來使用該手機查看網頁。這會影響我們整個設計。 手機網頁有些按鈕一定要大,用拇指也容易點選....等等。 


2.突出主要功能
智慧型手機的APP應用程式的主要功能,是引導用戶的瀏覽的方向。例如,當使用者將iPhone從他們的口袋裡拿出來時,他們只需要IPHONE來執行特定的功能,所以其他次要的、不重要的功能必須先隱藏。因為不重要的功能太多或拖慢了瀏覽者的速度,速度慢的手機網頁只是在折騰使用者的時間。 

Foursquare

你需要設計的引導瀏覽者的方向。譬如在一個特定的位置,設計了一個獨特的按鈕,讓瀏覽者能快速找到它(例如Foursquare的設計相當不錯,如上圖)。
譬如瀏覽者想拍攝一張照片,並發送給朋友,就要做一個按鈕讓他們快速地發送照片(Instagram的掌握了這個功能)。 智慧型手機用戶通常不會有時間瀏覽了網頁上太多的功能。他們只需執行特定的功能,我們依照他們所需的功能提供幫助。 您的APP成功取決於你設計的主要功能。它具備以下特點:
清晰可見
可理解的
有限的

3.手機網頁設計 - 人體工程學

費茨法則和其他人體工程學原理在於一個良好的設計核心。尤其是在手機網頁中人體工程學是一項非常重要的設計。 假設你不考慮股票平均價格指數指尖大小(1.5 - 2cm,相當於45-57個pixels)、拇指大小(拇指寬得多!平均2.5cm,約等於72像素) ,那麼你設計的網頁將無法使用。
 

4.使用OS指引

無論是為iPhone設計的APP、iPad、Android智慧型手機、Android平板電腦、Windows 7 - 你必須記住特定於平台的遵循原則。 如Android設備的硬體、而iOS的設備(iPad、iPhone)缺乏基本的導航按鈕。 為了遵循OS平台的指引,設計者須閱讀官方的設計指導資料,特別是蘋果人機用戶界面指南,這是一個全面的手機設計上的主要來源。請參考以下網址:

  • Apple Human User Interface Guidelines
  • Android Design Guidelines
  • Motorola’s Best Practices for Android UI
  • UI Design and Interaction Guidelines for Windows Phone 7 (pdf)
  • UI Guidelines for BlackBerry 6.0 Smartphones
  • UI Guidelines for BlackBerry PlayBook
  • UI Guidelines for BlackBerry 4.x, 5.x Smartphones
  • Nokia N9 & Meego 1.2 Harmattan UX Guidelines
  • Symbian UI Wiki

  • 5.讓手機網頁更漂亮

    手機網頁設計的世界其實是一個選美比賽。如果你不重視手機網頁的視覺設計,那麼你將會失去這個市場。

    瀏覽者十分在意手機APP的外觀,因為手機是最能代表個人形象的物品。


    聯絡資訊

    ring@des13.com

     @igodos

    403 台中市西區台灣大道二段181號11樓之11(環瑞通商大樓)

    04-23174836 / 04-23296485 / 0931-303767

    106 台北市大安區忠孝東路169號6樓之1(需預約)

    02-27790715

    thedes13 

    line

     

    我們重視設計質感與行銷價值

    。網頁設計。程式設計。Joomla教學。

    DMC Firewall is a Joomla Security extension!