APP交互设计与网页设计

一、启动情境的交互设计启动情境是APP启动过程中呈现的设计情境。启动情境设计中应以用户认知和行为习惯为基础、以人本主义为指导进行符合用户个性的交互创意，为用户呈现符合用户期望又超出用户预期的设计情境。

①轮播展示的个性情境。新安装的APP的通常采用3~5个画面进行应用功能特色的轮播展示，有利于集中用户的视觉中心，形成用户的初步认知和设计印象。

②启动界面的价值情境。启动界面作为缓冲应用程序加载过程的视觉呈现形式，是用户使用应用的第一个界面。将启动界面设计成带着亲切问候的“老朋友”，与用户“谈人生、说理想”，有利于用户在反复认知的基础上加深对应用的理解。 ③引导用户的表达情境。在启动界面中演示APP的交互操控是常见的引导用户的形式，例如：视频APP播放界面中左右滑动控制进度，上下滑动控制音量的提示，考虑用户的行为习惯，降低用户的不适应性。二、功能情境的交互设计功能情境是APP应用启动后的主界面，即功能组织的界面情境。功能情境的交互风格通过界面的版式、配色、信息设计和动效展示出来，是用户对于应用的整体印象。 ①拟物风格与扁平风格。从功能情境表现的设计形式分析，可分为拟物风格和扁平风格。拟物风格是将用户工作生活中的事物及其工作方式进行模拟，在视觉形式上的体现是具有高光、阴影和纹理，产生实物的设计效果。

扁平风格在视觉上呈现出更平的方式，摒弃了拟物设计的装饰元素共享汽车，呈现出简洁的设计风格。扁平风格采用简约思维的设计方式，体现出潮流、时尚和活力的特征，颇受青年人的喜爱。

②功能风格与行为风格。从功能情境表现的交互逻辑分析，可分为功能风格与行为风格。功能风格是以APP的功能逻辑进行设计的风格，适用于功能选项众多、服务与内容庞杂的APP设计，设计中采用功能分类的方式组织界面交互元素，信息结构通常表现为层次形式。行为风格是以用户的交互行为进行组织界面的交互元素，以行为相关性为指导，将与用户行为的交互元素呈现给用户，适用于功能、流程与结构相对简单的APP设计，信息结构体现出网状形式。 ③同类风格与个性风格。从功能情境表现的组织形式分析，可分为同类风格与个性风格。同类风格体现了认知心理学中的习惯性原理北京道合部落文化传媒有限公司，形式上表现在APP设计与同类APP的视觉与交互的一致性。个性风格打破了同类应用的设计模式，体现了差异化策略，有助于形成APP的个性特征，尤其适合于追求时尚与个性的青年用户，通常出现在休闲游戏、时尚杂志类APP设计中。三、应用情境的交互设计

应用情境是APP功能应用的具体情境。设计中应以用户需求为基础开发网站，以人机工程学为指导，适应用户使用方式的变化，将交互设置、动效设计、感官交互与应用情境结合起来，提升交互审美与应用品味。

①应用情境的设置创意。智能手机APP应适应用户使用情境的变化，体现易用性与适应性。交互方式设置选项一般设计在我的”、设置或用户之类的功能选项中，采用用户熟知的图标结合文字的设计方式，通常包括账户信息、应用界面设置、推动信息设置等相关选项。 ②应用情境的动效设计。由于动效设计具有历时性的特点，能够给用户持续的视觉感受，已成为智能手机APP交互设计中的流行元素。动效设计有助于信息的可视化，从而提升用户的认知与控制感。 ③应用情境的感官交互。应用情境的感官设计中，应将视觉、听觉、触觉、运动等感官通道与APP交互设计结合起来，充分运用智能手机的相机、听筒等设备，形成语音交流、文字识别、触控摇动相结合的感官交互形式，丰富用户感官交互的输入输出通道。智能手机APP交互情境设计中，应将启动情境的交互创意、功能情境的交互风格、应用情境的交互审美等审美要素结合起来，在用户体验的基础上进行视觉设计、信息设计、交互设计和情感设计，为用户创造愉悦的审美体验。