隨著智慧手機的到來,人們花更多的時間在 WordPress APP 應用程式上而不是在網站上,這種趨勢越來越明顯。在過去的十年裡,我們已經看到了 WooCommerce 獨立站網頁設計如何從沉重的基於文字的網站互動,改變為豐富的影像、影片的設計。在這篇文章中,我想回顧一下移動應用程式設計在網站上的一些影響。在過去,品牌知名度只有透過精心製作的內容來實現的。現在,每一個應用程式都以優秀的設計,完美的效能和無差錯的互動性讓多使用者眼前一亮。在本篇文章中由跨飛獨立站小編為大家分享移動 WordPress APP 設計對網站佈局的影響。
1 、使用更大的字型和按鈕
由於他們利用的基於觸控的介面,應用程式使用更大的字型和按鈕。隨著時間的推移,這一趨勢已慢慢擴大到 WordPress 網站設計。在下面的示例中,您看到這種效果。
2 、使用更少的功能,但保持一切都集中
在應用程式上有有限的功能,這導致了應用程式設計必須精簡和集中。由於平臺固有的空間限制,應用程式設計人員只顯示最重要的資訊。
3 、使用隱藏的功能和下拉選單
移動應用程式使用隱藏下拉選單選項卡或按鈕下隱藏資訊,提高搜尋最佳化,利於多使用者選擇產品。
上面的示例中,請注意水平選項卡和下拉選單(午餐、早餐等),他們想使用最簡潔和緊湊的格式。
4 、少用 flash 和 java 指令碼,HTML5 和 CSS3 動畫
喬布斯決定在 iOS 上不支援 Flash 產生深遠的影響。我們看到的 WooCommerce 獨立站網頁設計師已經從基於 Flash 的設計慢慢轉變為接受更多友好的格式如 HTML5 和 CSS3 。
5 、過度使用圖形(照片和插圖)
開啟任何一個智慧手機上的應用程式,並比較所使用的文字影像的數量。這種方法是也被應用到 WordPress 網站設計中。大部分的主頁主要是影像沒有太多的文字。
6 、圖示的使用
在應用程式的興起之前,網站中的圖示在電子郵件、電話和聯絡資訊等有限的領域中使用。應用程式開始使用圖示來傳達主要資訊的目的。
隨著觀眾對這些經驗的依賴程度越來越大,未來幾年會有什麼樣的趨勢?我們期待看到網路和移動設計的其他影響是什麼?這些都是有趣的問題,我們必須耐心等待,尋找我們的答案。