zoukankan      html  css  js  c++  java
  • 设计之下(总结)

    1.项目过程中,作为设计师要主动了解各部门的想法和立场,充分理解和消化需求,才能有机会再限制中做出平衡而美丽的设计。

    2.撰写交互文档时,要时刻能够站在整个产品的角度进行交互设计,尽量做到统一。(交互文档仅仅是黑白的线框图)

      2.1保持交互形式和视觉形式统一;

      2.2反馈提示是在使用过程中和用户交互最密切的元素,反馈提示的友好度很大程度上影响着用户对产品的印象;

      2.3.项目进行到后期时,交互设计通常已转化为视觉设计和程序开发Demo,此时交互设计师需加倍注意视觉设计是否与交互设计原本的意图相一致,通过视觉设计稿是否看出了交互设计中潜在的问题。

    3.产品的的操作流程追求流畅和平顺,用起来越轻松越能抓住用户的心。

    4.如何设计出简洁的操作流程

      4.1使用自然思维而不是程序思维

      4.2围绕用户目的和行为来设计

          设计操作流程之前要先理解用户的目的和行为,他们想做什么,想先做什么后做什么,以及是否会在同一时间做多件事。当用户的目的和行为不同时,所适合的操作流程不同,对“简单快捷”的考量标准也不同;

      4.3少点一下就更方便了吗?

        具体要看用户是不动脑筋点了两下还是深思熟虑点了一下(怎样让用户少费脑筋)

      4.4将常用功能提前

      4.5不妨遵循已成型的用户习惯

    5.交互形式新颖且统一

      5.1将功能分解为流程,简化界面(对功能较少的工具类应用有很多好处)

        5.1.1导航异常清晰,甚至不太需要出现返回上一级或收起浮层的按钮;

        5.1.2用户认知负担低,感觉上界面逻辑非常简单;

        5.1.3节省屏幕空间。

      5.2利用推挤、悬浮等动效,创造生动的沉浸式体验

        可以给界面带来生动感,并且能适时的为展现内容省出更多屏幕空间。

    6.拟物化界面与手势操作相结合

    7.反馈提示

      7.1反馈形式

        7.1.1气泡状提示:容易被用户忽略,不适合承载太多文字或重要信息;

        7.1.2弹出框:一般带有一两句说明文字和两个操作按钮,用于确认和取消重要操作,通常会用明显的颜色突出显示可能造成用户损失的操作项;

        7.1.3按钮图标链接的按下状态

        7.1.4声音、振动、动画

      7.2反馈的内容

        信息、警告、错误、确认

      7.3反馈出现的位置

        状态栏、导航栏、内容区上方、屏幕中心、菜单栏上方、底部(覆盖菜单栏)

      7.4反馈的设计原则

        为用户在各个阶段的操作提供必要、积极、及时的反馈,避免过度反馈给用户带来不必要的打扰;

        能及时看到效果的、简单的操作可以省略反馈提示;

        提供的反馈要能让用户用最便捷的方式完成选择;

        为不同类型的反馈做差异化设计;

        不要打断用户的意识流,避免遮挡用户可能会去查看或操作的对象;

        有交互就有反馈,反馈是交互设计中最前线、最直接的一环,其好坏直接影响产品体验。

    8.动画的重要引导作用

      8.1引导作用和提示作用

        8.1.1页面层级结构引导

        8.1.2手势操作引导

        8.1.3状态提示

        8.1.4隐藏功能提示

          有时候由于页面空间不足或为了整洁考虑,在某些时候需要将一些功能隐藏起来,如果不留任何提示地将功能隐藏,基本就等于真正去掉了这些功能,因为用户很难发现叫出这些功能的方式,此时就需要动画效果帮助了。

        8.1.5吸引注意力

  • 相关阅读:
    Analysis of Hello2 source code
    CORS’s source, Principle and Implementation
    CDI Features(EL(SPEL),Decorator,Interceptor,Producer)
    Java Design Patterns(2)
    Cookie and Session
    Vue错误信息解决
    cdh搭建仓库
    cdh本地源安装-自用
    创建本地repo源
    dockerfile:python-cuda-nvidia-cudnn
  • 原文地址:https://www.cnblogs.com/h-haha/p/4534251.html
Copyright © 2011-2022 走看看