必果校友小程序设计过程

用户头像
广州/设计爱好者/7年前/481浏览
必果校友小程序设计过程

2017年初为配合当时公司教育平台的服务以及小程序的兴起,本打算上线的一款小程序。虽然后来没有实现。在这里记录一下设计过程。

需求描述

其实没有描述...当时老大发了个功能结构图,然后说:“我们来做个小程序”。

功能结构图大致如下:


需求分析

必果校友小程序是通过用户填写的学校信息来寻找校友,联系校友的。所以这边用户填写资料除了基本的姓名联系方式等信息,还需要包括就读学校,入学时间,方便进行匹配寻找同级的校友。

“我的校友”模块我认为可以理解为两种,一种是已经申请互相添加为校友的列表,另一种是只要是同校毕业的人都在的列表。因为理解上有歧义,就跟产品再次讨论了一下后,新增加一个“校友录”的模块,展示已添加的校友列表。“我的校友”模块就仅展示同一间学校毕业的所有校友。


设计过程阐述

*当时设计时所用的部分图片及图标素材来自花瓣网、Iconfont。

*设计时有研究参考多个应用的操作及界面。


1.我的资料模块



2.我的校友

3.校友录


交互流程

undefined

*图片较大,可以在新标签页查看大图


可以再优化的地方

过了这么久重新再看这个小程序,发现考虑不周的地方还挺多的。比如:

1.可以增加搜索功能。假设后期校友变得更多,在校友录里,用户仅靠下拉显示寻找一个特定的校友会非常耗时,此时可以增加搜索让用户能快速查找定位到某个校友。

2.个人资料部分,如果用户或者平台允许有权限,可以考虑是否直接获取本机号码及微信号,减少用户需要填写的项目。

3.个人资料部分,当时考虑添加院校时是让用户自己搜索添加,后续优化可以考虑增加选择就读地区,减少院校检索范围。这样就能直接以列表全部展示出来,多一个可以免去搜索直接点选的方式。

4.可以增加一个反馈功能,如果找不到院校或者院校信息有变更,及时让这边更新后台数据。

5.查看校友资料的时候,可以考虑再联系方式上添加点击电话号码直接拨号的功能,或者点击微信号发起添加好友请求之类的功能。

6.个人资料页添加院校后改用时间轴的形式展示可能会好看点。

7.添加院校后应该增加可以删除的操作。


大概的设计过程及思路就是这样啦。

2
举报
|
6
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
大家都在看
登录注册