脑课堂编程教育

APP交互设计与网页设计

开发无忧 3年前
2043 0 0
脑课堂编程培训

  一、启动情境的交互设计

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

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

file

  ②启动界面的价值情境。启动界面作为缓冲应用程序加载过程的视觉呈现形式,是用户使用应用的第一个界面。将启动界面设计成带着亲切问候的“老朋友”,与用户“谈人生、说理想”,有利于用户在反复认知的基础上加深对应用的理解。

  ③引导用户的表达情境。在启动界面中演示APP的交互操控是常见的引导用户的形式,例如:视频APP播放界面中左右滑动控制进度,上下滑动控制音量的提示,考虑用户的行为习惯,降低用户的不适应性。

  二、功能情境的交互设计

  功能情境是APP应用启动后的主界面,即功能组织的界面情境。功能情境的交互风格通过界面的版式、配色、信息设计和动效展示出来,是用户对于应用的整体印象。

  ①拟物风格与扁平风格。从功能情境表现的设计形式分析,可分为拟物风格和扁平风格。拟物风格是将用户工作生活中的事物及其工作方式进行模拟,在视觉形式上的体现是具有高光、阴影和纹理,产生实物的设计效果。

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

file

  ②功能风格与行为风格。从功能情境表现的交互逻辑分析,可分为功能风格与行为风格。功能风格是以APP的功能逻辑进行设计的风格,适用于功能选项众多、服务与内容庞杂的APP设计,设计中采用功能分类的方式组织界面交互元素,信息结构通常表现为层次形式。

  行为风格是以用户的交互行为进行组织界面的交互元素,以行为相关性为指导,将与用户行为的交互元素呈现给用户,适用于功能、流程与结构相对简单的APP设计,信息结构体现出网状形式。

  ③同类风格与个性风格。从功能情境表现的组织形式分析,可分为同类风格与个性风格。同类风格体现了认知心理学中的习惯性原理,形式上表现在APP设计与同类APP的视觉与交互的一致性。

  个性风格打破了同类应用的设计模式,体现了差异化策略,有助于形成APP的个性特征,尤其适合于追求时尚与个性的青年用户,通常出现在休闲游戏、时尚杂志类APP设计中。

  三、应用情境的交互设计

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

file

  ①应用情境的设置创意。智能手机APP应适应用户使用情境的变化,体现易用性与适应性。交互方式设置选项一般设计在我的”、设置或用户之类的功能选项中,采用用户熟知的图标结合文字的设计方式,通常包括账户信息、应用界面设置、推动信息设置等相关选项。

  ②应用情境的动效设计。由于动效设计具有历时性的特点,能够给用户持续的视觉感受,已成为智能手机APP交互设计中的流行元素。动效设计有助于信息的可视化,从而提升用户的认知与控制感。

  ③应用情境的感官交互。应用情境的感官设计中,应将视觉、听觉、触觉、运动等感官通道与APP交互设计结合起来,充分运用智能手机的相机、听筒等设备,形成语音交流、文字识别、触控摇动相结合的感官交互形式,丰富用户感官交互的输入输出通道。

  智能手机APP交互情境设计中,应将启动情境的交互创意、功能情境的交互风格、应用情境的交互审美等审美要素结合起来,在用户体验的基础上进行视觉设计、信息设计、交互设计和情感设计,为用户创造愉悦的审美体验。

收藏

本文标题:APP交互设计与网页设计

本文链接:https://naoketang.com/p/xgp786d45v64

评论区

推荐课程