網頁設計如何能吸引新用戶、還保持現有用戶的使用量、並為兩者帶來最佳的體驗,種種疑問都為開發商和企業帶來苦惱。有見及此,我們整合2022最新的網頁設計趨勢,透過下文能為有志之士提供網頁或手機應用程式的設計靈感和方向。

 

介面設計 User Interfaces (UI) 

 

為了打破沉悶和墨守成規的介面設計,2022年有更多嶄新的元素。

先是可採用不對稱排版(Asymmetry)的網頁設計,能跳出出外框和邊界的限制,使版面更自由地運用,為訪客帶來更生動活潑的觀感。其次是增加引人入勝的動畫設計(Animation Design),與靜態的文字和相片相比,這舉措的吸引力更勝一籌。

無論2D或3D動畫,其設計都需與品牌概念和定位同出一轍,而長度都可隨意發揮。整體都是為了加深瀏覧者的印象,而提高品牌的知名度。除了動畫設計外,客製化插圖(Illustrations)更能代表品牌形象。例如中國影片分享網站bilibili,於網頁版面內多處運用「電視機」和「天線」等插圖,這與品牌形象和概念環環緊扣。這些插圖和動畫來向用戶介紹公司服務和產品,比純文字更為吸引。

最後,粗體字圖形化(Big Bold Typography)及活潑的色彩(Vivid colours)也是嶄新的概念。例如把重點內文放大粗體化,並配合搶眼的配色及圖形設計。不但能吸引訪客眼球同時,亦能於第一時間掌握重要資訊。以下有些參考例子,如www.behance.netwww.dribbble.com和https://www.awwwards.com/等。

 

使用者體驗 User experience (UX)

 

而另一層面則是使用者體驗User experience(UX)的元素推介:先是設計更偏向移動設備友好設計(Mobile friendly),在任何螢幕解析度的設備上均有最佳的呈現方式,論使用桌面電腦、手機或平板電腦都能輕鬆瀏覽網站,令瀏覽者省卻縮放和平移等操作。

其次是增加和提升聊天機器人(Chatbot)的功能,不但提供渠道即時為訪客或用戶排解疑難,更可留住他們。與此同時,更協助客戶服務收集其數據和資料,有助製定針對性客製化的服務。再者是增設語音互動介面(Voice User Interfaces),不但協助網頁導航,引導訪客來訪,為他們提供一個優質的瀏覽體驗。

為人熟悉的例子包括iPhone的Siri。最後是引用更多使用者體驗文案 (UX Writing)作參考和事例,以說故事(Storytelling)的形式闡述品牌核心價值,更容易引起共嗚,引起認同感。

希望以上的元素能給各位腦震盪,再選取適合自己企業的網頁設計和模式。