?

全國統一服務熱線:18021770366

站內公告:

淮安市嘉瑞廣告有限公司主要提供廣告設計制作安裝服務以及網站制作,是一家經驗豐富的廣告設計制作公司,擁有十幾年廣告設計制作經驗!

聯系我們CONTACT

地址:淮安市翔宇大道1009號
熱線:0517-8588 1663
Q Q:34665706
郵箱:[email protected]

18021770366

新聞中心

當前位置:主頁 > 新聞中心 >

提供體驗設計之淮安廣告公司移動端中的微交互

2019-12-11 點擊量:

著名魔術師達里爾·菲茨基(Dariel Fitzkee)曾經說過,“魔術既要有細節也要有表演。”交互設計就是這樣。設計師們想把頁面布局作好,如果細節處理不好,解決方案便會失敗。魔術就在于細節。這就是為什么精心設計的微交互會讓體驗大幅度提升。

顯示系統狀態

JakobNielsen的第一個啟發式用戶界面設計聲明:“系統應該始終在合理的時間內做出適當的反饋讓用戶了解正在發生的事情。”這意味著用戶界面應該通過提供反饋讓用戶及時了解正在發生的事情。應用程序不應該讓用戶猜測——它應該告訴用戶發生了什么,微交互可以通過適當的視覺反饋幫助用戶理解。

數據上傳和下載過程是應用微交互動畫的絕佳機會。

提供體驗設計之移動端中的微交互

數據下載動畫 (Image: Nick Buturishvili)

另一個動畫是“下拉刷新”,它在移動設備上表示內容更新過程。一個令人愉快的刷新動畫可以讓用戶咯咯地笑。

提供體驗設計之移動端中的微交互

下拉刷新(圖片:Toma Reznichenko)

重點:動畫提供應用程序進程狀態的實時通知,嘉瑞廣告,使用戶能夠快速了解正在發生的事情。

使按鈕和操作可感知

用戶界面元素,如按鈕和控件,即使它們位于一層玻璃的后面,也應該是可感知的。按鈕可以模仿常見物理對象的交互。簡單的說,你可以通過對用戶輸入的視覺響應來增加清晰度。

提供體驗設計之移動端中的微交互

(圖片來源:谷歌)

重點:視覺反饋之所以起作用,是因為它能滿足用戶對確認的自然需求。點擊一個應用程序感覺很好,因為你知道發生了什么。

創建有意義的過度

你可以在導航之間平滑的動畫向用戶傳遞信息,解釋屏幕上元素排列的變化或強化元素的層次結構。

圖標可以從一種形狀變成列外一種形狀,在不同的時間提供雙重功能。

提供體驗設計之移動端中的微交互

(圖片來源:谷歌)

動效設計可以有效的引導用戶的注意力,既可以提供信息,也可以給用戶帶來快樂。這對移動設備和智能手表幫助非常大,因為在這些屏幕上無法輸入大量的信息。

Apple的ios UI 的轉場就是一個很棒的例子。在下面的示例中,用戶選擇文件夾或應用程序并放大到其詳細視圖(或直接到應用程序的主屏幕),

提供體驗設計之移動端中的微交互

(圖片來源:Rian Van Der Merwe)

另一個很好的例子是通過顏色和持久元素在兩個狀態之間創建視覺連接的動畫。這使得過渡平穩而輕松。

提供體驗設計之移動端中的微交互

重點:微交互能夠在頁面之間建立可視連接,并增加UI的清晰度。

幫助用戶開始使用

微交互在用戶入門期間是非常有用的。入門流程中完美的用戶體驗和動畫會對首次使用該應用程序的用戶產生巨大影響。他們通過突出顯示最重要的功能和控件,在應用程序啟動后指導和教育用戶。

提供體驗設計之移動端中的微交互

圖片:Ramotion

重點:微交互可以展示信息并幫助用戶有效地實現目標。

突出顯示UI界面中的變化

微交互能夠引起用戶的注意。在很多情況下,動畫用于吸引他們注意重要的細節(例如消息通知)。但是,請確保動畫具有功能性,適用你的用戶。

提供體驗設計之移動端中的微交互

通知(圖片來源:Arjun Kani)

重點:微交互可以為用戶提供良好的視覺提示。

添加令人愉快的細節

?
渡劫5龙宫赚钱