必果校友小程序设计过程

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

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

需求描述

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

功能结构图大致如下:


需求分析

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

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


设计过程阐述

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

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


1.我的资料模块



2.我的校友

3.校友录


交互流程

undefined

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


可以再优化的地方

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

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

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

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

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

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

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

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


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

2
举报
|
6
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI界面 组件
【新年UI图标】珠宝icon
【新年UI图标】30个图标
【新年UI图标】活动icon
【新年UI图标】体育icon
【新年UI图标】积分icon
钱包ui模板
户外旅行飞机情侣假日出行
新能源APP应用UIKit
Security Camera UI kit
【新年UI图标】旅行icon
UI通用设计素材1
高级感金属拟物 UI设计组件库
盲盒APP UI设计
【新年UI图标】影音icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
智能家居中心 简约 UI设计组件库
拟物风质感写实UI卡片合集源文件
手表表盘UI系列
新拟态风格 UI设计组件库
我的钱包-UI界面设计-app
3D卡通UI界面图标可爱插画免扣素
3D渐变流体抽象矢量UI背景图
你可能喜欢
大家都在看
登录注册