×

13756007210

13756007210

當前位置： 主頁 > 新聞資訊 > 專業知識 >

APP交互設計(jì)與網頁設計(jì)

作(zuò)者：盈信科技(jì) 發布時(shí)間(jiān)：2020-05-27

一、啓動情境的交互設計(jì)
啓動情境是APP啓動過程中呈現的設計(jì)情境。啓動情境設計(jì)中應以用戶認知和(hé)行(xíng)為(wèi)習慣為(wèi)基礎、以人(rén)本主義為(wèi)指導進行(xíng)符合用戶個(gè)性的交互創意，為(wèi)用戶呈現符合用戶期望又超出用戶預期的設計(jì)情境。

①輪播展示的個(gè)性情境。新安裝的APP的通(tōng)常采用3~5個(gè)畫(huà)面進行(xíng)應用功能特色的輪播展示，有(yǒu)利于集中用戶的視(shì)覺中心，形成用戶的初步認知和(hé)設計(jì)印象。

APP交互設計(jì)

APP交互設計(jì)

②啓動界面的價值情境。啓動界面作(zuò)為(wèi)緩沖應用程序加載過程的視(shì)覺呈現形式，是用戶使用應用的第一個(gè)界面。将啓動界面設計(jì)成帶着親切問候的“老朋友(yǒu)”，與用戶“談人(rén)生(shēng)、說理(lǐ)想”，有(yǒu)利于用戶在反複認知的基礎上(shàng)加深對應用的理(lǐ)解。
③引導用戶的表達情境。在啓動界面中演示APP的交互操控是常見的引導用戶的形式，例如：視(shì)頻APP播放界面中左右滑動控制(zhì)進度，上(shàng)下滑動控制(zhì)音(yīn)量的提示，考慮用戶的行(xíng)為(wèi)習慣，降低(dī)用戶的不适應性。
二、功能情境的交互設計(jì)
功能情境是APP應用啓動後的主界面，即功能組織的界面情境。功能情境的交互風格通(tōng)過界面的版式、配色、信息設計(jì)和(hé)動效展示出來(lái)，是用戶對于應用的整體(tǐ)印象。
①拟物風格與扁平風格。從功能情境表現的設計(jì)形式分析，可(kě)分為(wèi)拟物風格和(hé)扁平風格。拟物風格是将用戶工作(zuò)生(shēng)活中的事物及其工作(zuò)方式進行(xíng)模拟，在視(shì)覺形式上(shàng)的體(tǐ)現是具有(yǒu)高(gāo)光、陰影(yǐng)和(hé)紋理(lǐ)，産生(shēng)實物的設計(jì)效果。

扁平風格在視(shì)覺上(shàng)呈現出更平的方式，摒棄了拟物設計(jì)的裝飾元素，呈現出簡潔的設計(jì)風格。扁平風格采用簡約思維的設計(jì)方式，體(tǐ)現出潮流、時(shí)尚和(hé)活力的特征，頗受青年人(rén)的喜愛(ài)。

APP交互設計(jì)

APP交互設計(jì)

②功能風格與行(xíng)為(wèi)風格。從功能情境表現的交互邏輯分析，可(kě)分為(wèi)功能風格與行(xíng)為(wèi)風格。功能風格是以APP的功能邏輯進行(xíng)設計(jì)的風格，适用于功能選項衆多(duō)、服務與內(nèi)容龐雜的APP設計(jì)，設計(jì)中采用功能分類的方式組織界面交互元素，信息結構通(tōng)常表現為(wèi)層次形式。
行(xíng)為(wèi)風格是以用戶的交互行(xíng)為(wèi)進行(xíng)組織界面的交互元素，以行(xíng)為(wèi)相關性為(wèi)指導，将與用戶行(xíng)為(wèi)的交互元素呈現給用戶，适用于功能、流程與結構相對簡單的APP設計(jì)，信息結構體(tǐ)現出網狀形式。
③同類風格與個(gè)性風格。從功能情境表現的組織形式分析，可(kě)分為(wèi)同類風格與個(gè)性風格。同類風格體(tǐ)現了認知心理(lǐ)學中的習慣性原理(lǐ)，形式上(shàng)表現在APP設計(jì)與同類APP的視(shì)覺與交互的一緻性。
個(gè)性風格打破了同類應用的設計(jì)模式，體(tǐ)現了差異化策略，有(yǒu)助于形成APP的個(gè)性特征，尤其适合于追求時(shí)尚與個(gè)性的青年用戶，通(tōng)常出現在休閑遊戲、時(shí)尚雜志(zhì)類APP設計(jì)中。
三、應用情境的交互設計(jì) 

應用情境是APP功能應用的具體(tǐ)情境。設計(jì)中應以用戶需求為(wèi)基礎，以人(rén)機工程學為(wèi)指導，适應用戶使用方式的變化，将交互設置、動效設計(jì)、感官交互與應用情境結合起來(lái)，提升交互審美與應用品味。

APP交互設計(jì)

APP交互設計(jì)

①應用情境的設置創意。智能手機APP應适應用戶使用情境的變化，體(tǐ)現易用性與适應性。交互方式設置選項一般設計(jì)在我的”、設置或用戶之類的功能選項中，采用用戶熟知的圖标結合文字的設計(jì)方式，通(tōng)常包括賬戶信息、應用界面設置、推動信息設置等相關選項。
②應用情境的動效設計(jì)。由于動效設計(jì)具有(yǒu)曆時(shí)性的特點，能夠給用戶持續的視(shì)覺感受，已成為(wèi)智能手機APP交互設計(jì)中的流行(xíng)元素。動效設計(jì)有(yǒu)助于信息的可(kě)視(shì)化，從而提升用戶的認知與控制(zhì)感。
③應用情境的感官交互。應用情境的感官設計(jì)中，應将視(shì)覺、聽(tīng)覺、觸覺、運動等感官通(tōng)道(dào)與APP交互設計(jì)結合起來(lái)，充分運用智能手機的相機、聽(tīng)筒等設備，形成語音(yīn)交流、文字識别、觸控搖動相結合的感官交互形式，豐富用戶感官交互的輸入輸出通(tōng)道(dào)。
智能手機APP交互情境設計(jì)中，應将啓動情境的交互創意、功能情境的交互風格、應用情境的交互審美等審美要素結合起來(lái)，在用戶體(tǐ)驗的基礎上(shàng)進行(xíng)視(shì)覺設計(jì)、信息設計(jì)、交互設計(jì)和(hé)情感設計(jì)，為(wèi)用戶創造愉悅的審美體(tǐ)驗。 

文章來(lái)源：盈信科技(jì)

文章标題：APP交互設計(jì)與網頁設計(jì)

最新案例

最新動态

建站(zhàn)百科


友(yǒu)情鏈接：
  • 滴滴友(yǒu)鏈

    • 專業的網站(zhàn)建設、響應式、手機站(zhàn)微信公衆号開(kāi)發

    © 2010-2030 盈信科技(jì) 版權所有(yǒu)　

    公衆号 微信号