转载于微信公众号:「彩云译设计」

一年很快,转眼就年底了,好好复盘整理作品集是设计师必做的一件事。本篇涵盖了比较完整的作品集整理思路,可以作为年终作品集的整理模板。文章虽短,五脏俱全。(括号内的文字为彩云增加,意在突出作品集框架)

产品概述(产品世界观)

年末整理作品集?这里有一份完整的高手思路+模板! - 图1
△ 彩云注:这里说的可能是产品的一个大的世界观,其实感觉跟他最后要设计的产品关联度不大。

宇宙是永恒的,它在不断运动,永无止境,没有什么是一成不变的(彩云注:产品需要迭代)。Cosmic 代表了整个宇宙以及以毫秒为单位的运动(彩云注:我理解这意味着他们做的这个产品是在帮助用户节约时间)。
时间就是生命。Cosmic 表达了人们对生命、运动、前进的新探索。
Cosmic 是一个位于哥伦比亚的小团队,致力于使人们的出行变得更加便捷。

这里我理解的为整个行业背景,庞大又复杂的项目背景

交通行业(行业洞察)

年末整理作品集?这里有一份完整的高手思路+模板! - 图2
△ BSC 调研

共享汽车、共享单车、公交、拼车等服务使得共享行业蓬勃发展。多人拼车的想法不仅有助于减少出行成本(油费、通行费、维修费),还可以减轻驾驶压力。
共乘是一种可持续的出行方式,它可以有效减少空气污染、碳排放、交通拥堵,甚至连停车都变得更有秩序和方便管理。对于这些积极的影响,政府方面也非常鼓励大家乘坐共享交通工具出行。

年末整理作品集?这里有一份完整的高手思路+模板! - 图3
△ Mobility Everywhere

问题(痛点分析)

  • 共享乘车需要人人都大概负担得起
  • 许多人希望使用不同的交通替代方案
  • 许多人有低速的交通工具
  • 可以在任何地方使用的交通工具
  • 偶尔使用下车辆
  • 小摩托车很容易坏
  • 普通人骑车很少戴头盔
  • 车辆和骑手很少有保险

    有人解决了我们的一些问题(竞品分析)

年末整理作品集?这里有一份完整的高手思路+模板! - 图4
△ 直接竞争对手

为了更好地了解市场,我对我们的竞争对手——Scoot, Movo 和 Grin Scooters 进行了分析。
核心发现:

  • 没有能够方便用户预订和取车的功能
  • 信息经常不准确
  • 它们不大关注易用性
  • 大多数在使用 app 之前需要用户提供太多信息

    用户研究(目标用户分析)

谁是骑手?
大学生 / 行人 / 年轻白领 / 游客

谁是车辆所有者或合作伙伴?
年轻白领 / 投资者 / 车队运营商 / Airbnb 民宿房东 / Uber 及出租车车队所有者 / 物流运营商

为什么他们选择骑车?
**
年末整理作品集?这里有一份完整的高手思路+模板! - 图5

用户画像

年末整理作品集?这里有一份完整的高手思路+模板! - 图6
年末整理作品集?这里有一份完整的高手思路+模板! - 图7
年末整理作品集?这里有一份完整的高手思路+模板! - 图8

用户出行(用户地图)

年末整理作品集?这里有一份完整的高手思路+模板! - 图9
△ 所有人都讨厌这种情况

在Cosmic App中,我们有两个出行方式选项:

年末整理作品集?这里有一份完整的高手思路+模板! - 图10
△ 按需:查找车辆 > 扫描 >骑车

年末整理作品集?这里有一份完整的高手思路+模板! - 图11
△ 送车:选择车辆 > 输入日期、交付车子和停车的地址 > 送货上门> 骑车

用户使用流程(交互流程)

年末整理作品集?这里有一份完整的高手思路+模板! - 图12
年末整理作品集?这里有一份完整的高手思路+模板! - 图13

测试(用户测试)

我们测试过的任务和方案:

  • 想办法租一辆最近的电动滑板车并解锁
  • 使用电动滑板车过程中添加一种付款方式
  • 结束行程后,如何评价
  • 租一辆电动自行车,然后送到用户需要的地方
  • 得到一张券,要在骑行的过程中使用

App视觉设计流程(视觉流程)

年末整理作品集?这里有一份完整的高手思路+模板! - 图14
△ 情绪版

年末整理作品集?这里有一份完整的高手思路+模板! - 图15
年末整理作品集?这里有一份完整的高手思路+模板! - 图16

高保真原型(交互设计)

年末整理作品集?这里有一份完整的高手思路+模板! - 图17
△ 登录

登录。在改版前的 app 中有一个无聊和漫长的注册过程,现在用户可以从电话号码或 Magic link(无密码注册和登录选项)开始,不需要填写生日、性别等…

年末整理作品集?这里有一份完整的高手思路+模板! - 图18
△ 扫码和使用车辆

获取车辆/服务。用户可以直接解锁车辆或使用送车服务。选择骑行模式,用余额或信用卡支付,使用优惠券,对骑行过程进行评分。

年末整理作品集?这里有一份完整的高手思路+模板! - 图19
△ 优惠券

优惠券 —— 用户兑换优惠券并获得折扣。

年末整理作品集?这里有一份完整的高手思路+模板! - 图20
钱包——促销码

钱包。用户可以用钱包零钱或信用卡付款,兑换优惠券。

改版前后界面对比(亮点设计)

年末整理作品集?这里有一份完整的高手思路+模板! - 图21
△ 改版前,改版后

我重新设计了登录/注册、服务租金流程、支付和凭证的逻辑,还为 app 创建了一些新的 UI 元素,最后设计出了完善的用户体验和干净的用户界面。(彩云注:总结自己在项目中的设计突出贡献,这个很重要。)

欢迎关注译者的微信公众号:「彩云译设计」
年末整理作品集?这里有一份完整的高手思路+模板! - 图22

作者作品集思路有些观点我认为可以改一下,主要思路为:

1、项目背景
2、跟踪用户数据
3、发现问题&解决方案
4、改版前&改版后对比
5、页面详解
6、视觉设计过程拆解
7、视觉设计其他产出
8、改版后数据与改版前数据对比
9、所有页面罗列