分析!APP交互情境設計


分析!APP交互情境設計




分析!APP交互情境設計

文/徐延章 啟動情境是APP啟動過程中呈現的設計情境。啟動情境設計中應以用戶認知和行為習慣為基礎、以人本主義為指導進行符合用戶個性的交互創意,為用戶呈現符合用戶期望又超出用戶預期的設計情境。

分析!APP交互情境設計


①輪播展示的個性情境。新安裝的APP的通常採用3~5個畫面進行應用功能特色的輪播展示,有利於集中用戶的視覺中心,形成用戶的初步認知和設計印象。


分析!APP交互情境設計


②啟動界面的價值情境。啟動界面作為緩衝應用程序加載過程的視覺呈現形式,是用戶使用應用的第一個界面。將啟動界面設計成帶著親切問候的“老朋友”,與用戶“談人生、說理想”,有利於用戶在反覆認知的基礎上加深對應用的理解。

分析!APP交互情境設計


③引導用戶的表達情境。在啟動界面中演示APP的交互操控是常見的引導用戶的形式,例如:視頻APP播放界面中左右滑動控制進度,上下滑動控制音量的提示,考慮用戶的行為習慣,降低用戶的不適應性。

分析!APP交互情境設計


分析!APP交互情境設計

功能情境是APP應用啟動後的主界面,即功能組織的界面情境。功能情境的交互風格通過界面的版式、配色、信息設計和動效展示出來,是用戶對於應用的整體印象。

分析!APP交互情境設計


①擬物風格與扁平風格。從功能情境表現的設計形式分析,可分為擬物風格和扁平風格。擬物風格是將用戶工作生活中的事物及其工作方式進行模擬,在視覺形式上的體現是具有高光、陰影和紋理,產生實物的設計效果。

分析!APP交互情境設計


扁平風格在視覺上呈現出更平的方式,摒棄了擬物設計的裝飾元素,呈現出簡潔的設計風格。扁平風格採用簡約思維的設計方式,體現出潮流、時尚和活力的特徵,頗受青年人的喜愛。

分析!APP交互情境設計


②功能風格與行為風格。從功能情境表現的交互邏輯分析,可分為功能風格與行為風格。功能風格是以APP的功能邏輯進行設計的風格,適用於功能選項眾多、服務與內容龐雜的APP設計,設計中採用功能分類的方式組織界面交互元素,信息結構通常表現為層次形式。


分析!APP交互情境設計


行為風格是以用戶的交互行為進行組織界面的交互元素,以行為相關性為指導,將與用戶行為的交互元素呈現給用戶,適用於功能、流程與結構相對簡單的APP設計,信息結構體現出網狀形式。

分析!APP交互情境設計


③同類風格與個性風格。從功能情境表現的組織形式分析,可分為同類風格與個性風格。同類風格體現了認知心理學中的習慣性原理,形式上表現在APP設計與同類APP的視覺與交互的一致性。

分析!APP交互情境設計


個性風格打破了同類應用的設計模式,體現了差異化策略,有助於形成APP的個性特徵,尤其適合於追求時尚與個性的青年用戶,通常出現在休閒遊戲、時尚雜誌類APP設計中。



分析!APP交互情境設計


分析!APP交互情境設計

應用情境是APP功能應用的具體情境。設計中應以用戶需求為基礎,以人機工程學為指導,適應用戶使用方式的變化,將交互設置、動效設計、感官交互與應用情境結合起來,提升交互審美與應用品味。

分析!APP交互情境設計


①應用情境的設置創意。智能手機APP應適應用戶使用情境的變化,體現易用性與適應性。交互方式設置選項一般設計在我的”、設置或用戶之類的功能選項中,採用用戶熟知的圖標結合文字的設計方式,通常包括賬戶信息、應用界面設置、推動信息設置等相關選項。


分析!APP交互情境設計


②應用情境的動效設計。由於動效設計具有歷時性的特點,能夠給用戶持續的視覺感受,已成為智能手機APP交互設計中的流行元素。動效設計有助於信息的可視化,從而提升用戶的認知與控制感。

分析!APP交互情境設計


③應用情境的感官交互。應用情境的感官設計中,應將視覺、聽覺、觸覺、運動等感官通道與APP交互設計結合起來,充分運用智能手機的相機、聽筒等設備,形成語音交流、文字識別、觸控搖動相結合的感官交互形式,豐富用戶感官交互的輸入輸出通道。

分析!APP交互情境設計


智能手機APP交互情境設計中,應將啟動情境的交互創意、功能情境的交互風格、應用情境的交互審美等審美要素結合起來,在用戶體驗的基礎上進行視覺設計、信息設計、交互設計和情感設計,為用戶創造愉悅的審美體驗。

分析!APP交互情境設計


分析!APP交互情境設計


(此處已添加圈子卡片,請到今日頭條客戶端查看)


① 官方頭條號:設計智造 頂級創意設計師必備


分享到:


相關文章: