OpenResume

一款开源在线ATS格式简历生成WebApp

#WebApp
Hero Image

项目概述

OpenResume是作为一款开源的在线简历生成应用为目标而出现的一款Webapp, 它不需要太多的学习成本并且可以在短时间内生成一份符合标准的个人简历.

要解决的问题

对于急需个人简历但对简历格式、信息排版不敏感或者长时间没有更新简历的用户, 想要在短时间内建立一份能通过ATS系统审核并且标准的简历可能是一件相对困难的事情. 而这个情况可能会导致他们错失本来应得到的好机会.

最终目的

  • 简单易懂:确保用户能够轻松理解和使用每个功能。
  • 快捷: 确保主要流程只需要简单的几步, 减少任何不必要的操作步骤
  • 设计风格: 确保风格上能给到用户一种相对专业的感觉,同时视觉上能很好的引导用户的使用步骤

我的职责

  • 与开发者确定整体的设计需求以及项目的时长, 早期快速的进行MVP设计.
  • 使用 Figma 进行线框图和原型设计,以确保设计的准确性和可视化效果。
  • 向开发者以及邀请的个别受众群体展示原型,并从中获取反馈和意见。并开始初步的实际落实
  • 根据反馈对原型进行迭代和改进,以确保最终设计符合用户需求和预期。
软件1 Logo 软件2 Logo 软件3 Logo

设计过程

1. 了解

Learn and Be Curious at first

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

Day and Night Icon
洞见 #1: 工作环境

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

Consistency Icon
洞见 #2: 保持一致性

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

Terminology Icon
洞见 #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预览

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

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

Left Image
Left Image Description
Right Image
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