Orion

物流航空资产数据追踪和管理APP

#Mobile APP
Hero Image

项目概述

Orion是一款手机应用,允许用户收集他们的飞行设备在物流运输中的实时数据.收集的数据随后会发送到主平台,从而帮助客户更好地管理他们的航空资产.

要解决的问题

为帮助客户管理他们的航空资产,本项目需要一个移动应用来支持主平台的数据收集.只有通过准确的数据,主平台才能制定合理的管理计划,以最大程度地减少客户的损失.

最终目的

  • 简单易懂:确保用户能够轻松理解和使用每个功能.
  • 适应用户实际工作环境:考虑用户在实际工作中的需求和使用场景,确保应用能够与其工作环境相匹配.
  • 保持设计一致性:与主平台保持设计的一致性,确保用户在移动应用和主平台之间无缝切换时能够感到熟悉和舒适.

我的职责

  • 通过与利益相关者和开发团队的研究和数据收集,为设计提供支持和指导.
  • 在移动应用版本中,通过优化和重新创建设计系统(例如字体、颜色、组件)来引领设计方向.
  • 使用 Figma 进行线框图和原型设计,以确保设计的准确性和可视化效果.
  • 向利益相关者展示原型,以获得反馈和意见.
  • 根据反馈对原型进行迭代和改进,以确保最终设计符合用户需求和预期.
软件1 Logo 软件2 Logo 软件3 Logo

设计过程

1. 了解

Learn and Be Curious at first

在与利益相关者的会议中,我询问并了解了应用程序的主要目的,包括其功能、目标用户以及一些设计风格要求.

Insight #1: 工作环境

Orion主要面向飞行员,他们将是该应用的主要用户.提供白天和夜晚模式是一个重要的功能.

洞见 #2: 保持一致性

在设计和界面风格上需要与主平台保持一致,以确保用户感到熟悉和无缝.

洞见 #3: 用语

在设计中加入飞行员术语可以增强飞行员用户的亲切感和易用性.

2.构建

Wireframing

由于团队已给了详细的项目报告,所以项目只需根据报告内容进行创建和组合这些“拼图”,以设计出一些有趣且实用的界面.

Wireframe Example
设计系统以及原型的创建

Logo & Color Palette

应用程序的主色调是深蓝色,使用了一些主次配色来突出信息元素,并反映应用的主题.

Logo and Color Palette

Typeface

选择了一种科技感十足的无衬线字体,与产品理念更加契合.

Typeface Example

Reusable Components

这些可复用组件设计了昼夜模式,可以灵活使用,易于管理,且更小巧.

Reusable Components Example

3. 测试与改进

Before & After

在展示和测试后,根据反馈,我对原型进行了以下改进:

改进 #1: 更换单位格式,排列列表

对信息进行了修改,并对布局进行了调整,以满足用户需求.

Improvement Example
改进 #2: 重新设计时间戳

由于细节过多,最初的时间戳设计过于复杂,改用方框设计以提高可读性.

Time Stamp Example
Time Stamp Example

4. Prototype预览

日间和夜间版本的部分演示

在对原型进行修改后,我开始添加动效并开发了应用的日间版本.此处仅展示了主要界面, 细节上不可全部展示出来.

Day Demo
Left Image Description
Night Demo
Right Image Description

4.回顾

由于这个产品设计项目并不是特别复杂,我能够按照要求在应用设计方向上扮演领导角色.然后在会议中讨论项目,当开发团队需要时提供设计思路,提供开发团队所需的设计资源,向利益相关者(开发团队、CEO)展示产品原型,听取会议中的反馈等等.这不仅是学习UI设计技能,还是学习作为UI/UX设计师如何与不同团队合作,以成功完成项目.这个项目仍在进行中,后续需要根据用户测试的反馈进行修改.

Zhigang Wen (Zhi)

UI/UX Designer

@alphonsewan

alphonsewan@gmail.com

https://www.linkedin.com/in/imzhi/

  • Linkedin
  • Resume