以不变应万变-交互规范的制作与思考(转载)

2018-2-10 wjt 交互设计及用户体验

提要:规范很重要

规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有3位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井井有条且高效运作,从日常工作规范到设计规范,都能起到相同的效用。


规范的效益

规范的效益 = 提高效率 (内容覆盖率 × 适用性 × 使用人数) + 保障质量 + 统一体验

规范可以帮助个人、团队以及整个企业提高效率和产出质量,保障用户体验统一。

举一个《网易移动端交互规范》中登录流程的例子。一名资深设计师设计一套详细完整的登录流程需要16小时;如果没有针对性指导或相关规范,设计新人很难考虑周全登录流程中涉及的防刷机制、自动补全以及各种账号的异常校验等细节。但使用交互规范后,设计新人产出一套高质量的登录流程只需4小时:提高效率约75%,同时更保证了产出质量。

当然以上仅针对设计师个人角度的效率提升;从整个企业而言,针对规范涉及的所有组件模块,设计师以及上下游同学的每次使用都能解放重复工作,产生价值。

优秀的设计规范

有很多优秀的例子:Google、Apple、Microsoft这些引领全球设计风尚的公司,设计规范已经上升为设计语言,指导旗下所有产品的设计。国内做的优秀的案例,比如Ant Design,Element等,像这类的产品已经实现了端到端的体验一致,把交互、前端和视觉的事情一并解决了,是值得学习的典范。这些优秀的设计规范都包含以下几个特点:

  • 灵活 Flexible

  • 可拓展 Expansive

  • 系统的 Systematic

  • 标准的 Standard

规范制作

规范系统看似复杂,但将其大任务分成一个个小任务,会发现其实也不是那么困难。以下会告诉大家如何制作交互规范,主要包含以下内容

  1. 制作时机

  2. 规范流程

  3. 设计方法

一、制作时机

产品初期,从0-1阶段
  • 框架层级 
    在这个阶段,所有的模块都是新的,所以要定最基础的框架层级,如下所示:



这是我们对web页面的层级梳理,有底层、内容层、导航层、全屏操作层、插件层和模态弹窗层。搭好基础框架后,所有的控件组件都会在这个框架内搭建,好比房子的框架。这样做的好处除了方便设计师自己去清晰的理解系统,在与前端开发交流的时候也十分高效,比如在做模态弹窗时,如果没和开发交流好,开发同学讲弹窗写在了全屏操作的位置,那么就有可能出现问题。

  • 栅格系统和常用分辨率 
    不论是Web端还是移动端,在早期要确定好常用屏幕的分辨率,屏幕尺寸的兼容性。

  • 基础交互控件 
    前期产品搭建速度很快,但都是基础功能,所以在交互组件的选择上可以和产品同步。如,刷新、Hover样式、时间显示、输入框、对话框和基础元件库等。如下所示:

ui界面欣赏(210)

  • 移动设备ui及体验(524)
  • 行业趋势(219)
  • 设计资源(779)
  • 交互设计及用户体验(605)
  • 前端技术资源(221)
  • see优化(126)
  • 平面设计(84)
  • 摄影欣赏(21)
  • 包装欣赏(7)
  • 随笔的一些文章(69)
  • 设计理念(455)
  • 用户研究(38)
  • 设计管理与成长(34)
  • 日历

  • 搜索

  • 最新碎语

    • 富兰克林曾经说过:“如果你对自己没有一个正确的定位,即使是宝贝,放错了地方也是一堆废物。”的确,找准自己的位置对于每一个成功的人来说都非常重要。

      2016-11-27 16:57

    • 上周五参加了ixdc国际用户体验大会,有3000名从业者,几十个工作坊。我参加的工作坊是“设计管理驱动创新力“,会后自发组织了微信群,大家在这之后的一周里,保持着每天几千条微信的热情问问题,看完要很久好累。但可感受到这个行业工作者的上进努力。有问题挺好,问题本身有时比答案更重要。

      2016-07-08 08:40

    • 深泽直人的设计中,一切都回归本原。靠事物本身所散发的魅力,设计所给人的感觉,第一并不是好用,而是深入人心,倍感亲切。第二才是好用。

      2016-02-11 21:19

    • 设计认识有三个层次,即认知,模仿,本原。一般来说,大多数的设计师只到了模仿+创新的层次,因为,他们的想法是基于固有案例+本品需求基础上的创新,虽然设计的很棒,但内涵通常都不深厚,反映设计思想浮夸的一面。

      2016-02-11 21:19

    • 何为强? 战胜不安和恐惧,把自己锻炼的锐利光滑,百尘不侵,这样的力量就是强了吧! 所谓世界第一行业第一名应该由谁来决定?我们追求的不是这种东西,心里面那个不变的理想和目标才是支持我们继续下去的动力。

      2015-12-29 11:03

    • 更多»

  • 链接

  • blogger

  • 存档

  • 订阅Rss
  • Powered by emlog 京ICP备12006971号-1 sitemap
    友情链接:万达主管QQ  万达娱乐直属  万达娱乐开户  万达娱乐开户  万达娱乐平台  万达娱乐招商  万达娱乐主管  万达注册  万达开户  guoqibee.com