包含内容

工作分为行为设计和视觉呈现两部分。前者更重要,也在前面做。

沟通服务内容

用户研究

谁在用、带着什么任务来、目前卡在哪里。

原型

不做视觉的页面框架图。在上面争论和返工都很便宜。

视觉稿

绘制关键页面及其各种状态:空数据、加载中、出错、数据过多。

设计系统

组件、间距、字体规范。此后新页面不用设计师也能拼出来。

自适应

从手机屏幕开始设计,因为大部分人从那里来。

易用性验证

拿真实用户测试:给一个任务,然后看他在哪里卡住。

工作如何开展

常规网站三到五周。原型占用其中一半时间,却能在开发阶段省下双倍。

01

深入了解

梳理业务任务与用户路径。如果已有统计数据,也一并查看。

02

原型制作

页面框架与跳转逻辑,在做视觉之前先把结构定下来。

03

视觉设计

视觉稿与设计系统,覆盖界面的全部状态。

04

交付

交付可直接切图的稿件,并附上元素行为说明。

没有状态的设计稿只是完成了一半。开发拿到一个漂亮的三件商品页面,却不知道零件商品时显示什么、三百件时怎么办、加载很慢时怎么办、服务器报错时又怎么办。这些状态要提前画出来。

常见问题

简单网站完全可以。定制设计只在界面非标时才划算:客户中心、B2B 平台、复杂选品流程。名片站为独特性多花的钱,很少值得。

因为在框架图上改一处只要十五分钟,在完成稿上改就要一天。原型让人专注结构而不被颜色分散注意力,而且往往正是在这个阶段发现:原计划的模块有一半根本不需要。

拿真人测试。目标人群中找五个人就能发现大部分问题:给他们一个“找到并下单某商品”之类的任务,然后一言不发地观察。这很便宜,也几乎总让人难堪,因为暴露出来的问题都很显而易见。

为您规划界面

告诉我们产品是什么、用户要解决什么任务。我们从原型开始,而不是从图片开始。