“Design is not just what it looks like and feels like.Design is how it work."

每一个产品都是独一无二的,好的设计需要时间,因此根据不同的需求,我会根选择一种最适合它的设计方式,来保证质量和效率。有时我会在笔记本上直接手绘草图,构建想法,有时直接在浏览器或平板上开始设计。

比如设计APP界面,一个单屏页面就包含许多组件,不同状态,隐藏元素,数据反馈以及不同场景,跳转方式。所以优秀的UI设计在做每一个决定时,都要经过深思熟虑,瞻前顾后。才能保持产品的整体性和关联性。

我的设计方法分为6个阶段,每一个阶段都需要反馈和审批确定才会进入下个阶段。当然有许多因素,如时间的限制或资源有限,会影响到每一个阶段的设计结果。作为UI设计师必须去平衡这些因素。下面是我通常做一个设计项目的概述。

我的设计流程

产品设计
了解需求
  1. 研究产品目标和企业历史
  2. 调研用户,了解用户需求
  3. 与技术开发沟通,了解可用的技术资源
  4. 起草方案,确定在目标期限和技术资源范围内的里程碑和预算
思考与探索
  1. 深入探索用户的诉求,由面到点
  2. 了解市场竞争对手
  3. 收集资源,开展项目
  4. 勾勒出粗略的想法
UX设计
  1. 定义需求,并确定需求的优先级
  2. 将需求划分为若干功能模块,定义这些组件是如何配合响应的
  3. 通过建立不同个性类型的用户发现遗漏功能
  4. 创建用户流程图,确定如何用最少的步骤完成目标功能
  5. 创建一个低保真线框图
  6. 基于线框图,制作出可操作演示的概念模型
  7. 确定概念模型的各种状态,如登录、错误提示等
视觉设计
  1. 在概念模型的基础上,进一步提炼
  2. 收集相关的素材产品案例获取灵感
  3. 尝试不同的样式,颜色和版式,找到最佳方案需求
  4. 将概念模型转换成高保真原型
  5. 生成可重复使用的用户界面组件包
  6. 制定规范准则,以帮助工程师了解视觉特性,如大小,颜色和定位
动画
  1. 提炼每一个页面从开始到结束的运动动画
  2. 构建客户端高保真交互模型,以及向工程师演示运动,反馈和不同状态等交互动画
  3. 制定动画可视化组件,如启动屏、Loading动画、预加载
测试
  1. 导出组件素材移交给开发工程师
  2. 确保视觉动画效果是可实现的
  3. 确定视觉效果是否适用于各种尺寸
  4. 与开发工程师协作,到最终确定相关的视觉效果没有任何技术限制