›ARK Design

    ARK Design

    • Ark Design Plan
    • About Ark Design

    ARK Design

    关于ARK Design

    ARKDesign 不局限于视觉设计,以人为本,注重用户体验。
    
    任何设计的服务对象是都是人,这就要求我们以人为中心来解决问题,将人们放在设计体验的中心,
    
    同时要专注于总体目标,而不是说要解决的特定问题。
    
    这就需要设计者以不同的方式看待问题、重新定义问题,从逻辑到视觉提供合适的解决方案。
    

    设计流程

    • 设计要求

            随着产品实践的巨大变化,我们已经不仅仅是单枪匹马的前行,而是由产品(app PM,Web PM,数据PM)、设
      
    计(UE、UI)、技术(开发、测试)、运营(内容、推广、品牌、渠道)、有一些团队还会配备市场、商务、客服等其
      
    他岗位, 共同组成的跨职能大型团队协同工作。所以在前期的产品设计的过程中,制定并准守一定的规范,可帮助团队
      
    更好更快速的合作!
    
            ● 使其正式;
    
            ● 使其适应性强;
    
            ● 使其可维护;
    
            ● 使它平易近人;
    
            ● 使它与上下文无关;
    
            ● 使它与上下文相关;
    
    • 产品分析

            首先分析产品的受众人群(行为、态度、资质、动力、技能),对比竞争产品,模拟用户动作脚本。帕累托原理告
    
    诉我们,我们倾向于80%的时间使用20%的东西,这要求我们要专注于产品最重要的方面,可确保大多数访问者都能快
      
    速找到所需的内容,提供更简单,干净和直接的用户体验,没有干扰,障碍和挫折感。使用分析来确定用户使用最多的
    
    前20%的事情。确定研究结果的优先级,并将设计和开发资源集中在引起80%用户问题的20%问题上。
    

            其次调研产品常用的终端设备 - 做好产品界面适配和设备可视化。这很重要,若设计中大量使用浅灰色的文本和图
    
    标,这对低配的显示器的用户几乎不可见,这就造成了很大的阅读障碍。
    
            最后,对团队的开发能力要有所掌握,不能设计不可能实现的功能效果。
    
    • 产品设计

    原型图

          在经历产品分析过程之后,这个时候对自己的产品方案已经有了一个比较抽象的想法了,现在只要把它具象化就好了,
     
    原型图就可以着手了(需要配有简单的交互和跳转说明)。
    

    PRD评审

          原型完成后召集至少两三个设计师或者对交互比较了解的人,使用并评测原型。你可以将原型所关注的几个任务列出
          
    来,以免大家不知道原型哪部分可交互哪部分不可交互。
    
          如果是比较重要的项目,可以叫上开发一起来灰度测试。但是即便是这样,也建议原型稿出来后,就可以立即做一个
          
    底成本的交互原型。
    
          一个原型是不可能实现所有功能的,所以你要确定几个可以走通的功能,让给用户能够顺利在指定路径上完成一系列
    
    任务。
    

    评审原则

          ● 符合用户原有系统操作习惯以及常用系统的操作习惯;
    
          ● 用户权限符合规则;
    
          ● 统一与标准;
    
          ● 系统学习成本底,操作灵活且高效,界面美观简洁;
    
          ● 有适当的状态提示;
    
          ● 有使用文档;
    

    交互设计说明文档

          该文档主要是用来承载设计思路、设计方案、信息架构、原型线框、交互说明等内容。
          
          包括由:文档封面、更新日志、文档图例、设计背景/思路、业务流程、页面交互、全局通用说明、废纸篓八部分组成。
    
    • UI/UE设计

    设计规范

           在设计任具体页面之前,在详细了解产品需求文档和原型之后,需要对产品的调性进行制定,这包括产品主要风格,
    
    主辅色,字体规范,以及可复用的组件规范。(该文件通常是Sketch格式,制成的规范未来可以以插件的形式进行引用,
    
    这非常的便捷)。
    

    界面设计

           易懂好用的产品,是建立在良好的视觉层次上的。同时要求打破停留在表现层面的设计理解,不局限于好不好看、喜
    
    不喜欢的设计判断标准,需要我们拓宽设计边界,转换视角,逻辑和系统思考、结构化的思维等。
    

    交互动画

           最好的动效往往能够通过变化让人明白两种状态之间的内在关联。借助微妙自然的动效,不仅能够吸引用户注意力,
           
    凸显元素重要性,而且不会造成干扰。恰当合适的交互动画会赋予界面新的生命,让人与界面有了互动,强化实体感。在
    
    设计任具体页面之前,在详细了解产品需求文档和原型之后,需要对产品的调性进行制定,这包括产品主要风格,
    

    设计稿交付

           通常使用的是蓝湖(一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图),在这里可以做
           
    到多人在线查看视图、交流沟通,能够自动标注和切图,以及查看视觉稿的历史上传版本。
    

    设计验收

           要求90%以上的设计稿还原度;以及做到不同终端设备产品的适配。
    
    • 内容策略

    提示文案

           合理的提示文案能够让用户更快的看懂设计,降低用户产品的学习成本,这要求我们提升信息的传递效率。一个合格
    
    的提示文案应该由:文案场景、出现文案原因和解决方案共同构成。文案信息要准确,尽量给用户提供准确的数字,包括
    
    时间、金额、次数等,让用户对当前的状态有一个准确的认识。
    

    反馈

           遵循着「告知但不打扰」的基本规则,让用户的神经系统收到信息,确保操作的正确性,如果错了,应该从反馈和提
    
    示中获得正确操作的提示,尽量柔和且不要让人觉得烦躁,情感化反馈设计在报错反馈中,会大幅度降低用户的焦虑感。
    
    反馈的形式局限于音频、文字、动画等。
    

    可视化

           即所见即所得。最根本的目的是为了节省用户的操作时间,提升产品易用性。广义的操作时间还应该包括了用户对于
    
    反馈的感知时间,因为只有充分理解系统反馈的信息才能进行进一步的操作。
    

    字体

           字体的大小、色彩和字体家族都在范围内。要做到让用户可以轻松的、按照顺序来感知并吸收信息。搭建有效信息架
    
    构是视觉层次最重要的基础。
    

    * 查看字体是否能免费商用 *

    设计资源

    To Make The Design More Effiient

         ARU-UI和ARK Mobile资源安装、基本使用和插件推荐
    

    ARK-Icon链接地址

    https://njsyman.gitee.io/icon

    Rich source material

         依次点击图片即可下载 “ ARK Mobile组件资源 ” ,“ ARU-UI组件资源 ” ,“ 需求文档模板 ” 。
    

    ← Ark Design Plan
    • 关于ARK Design
    • 设计流程
      • 设计要求
      • 产品分析
      • 产品设计
      • UI/UE设计
      • 内容策略
    • 设计资源
    相关资源
    ARK Share
    - 前端组件资源共享平台
    Ark Cli
    - 前端开发工具
    ARK Dingtalk
    - 基于钉钉E应用的移动端组件库
    ARK Design
    - 服务于企业级产品的设计语言
    应用项目
    Burgeon R3JFlow
    更多信息
    Copyright © 2020 syman reserved.
    友情链接
    快递查询