用户页面 (Account) UI视觉设计 #18

Closed
opened 2022-01-05 20:04:48 +08:00 by MrKBear · 15 comments
Owner

具体原型图见附件:

用户卡片

用户卡片,显示用户的头像,学校,姓名,学号在
用户未登录情况下仅显示昵称,和登录提醒
用户卡片的背景底纹可更换,作为个性化体现
后续用户赞助一定数额,可以定制底纹,
底纹将在轻社交的用户卡片上展示

核心功能卡片

三个核心,分别为:
账号:教务处账号管理
课表:管理课表缓存
设置:各种设置

其他功能

这里是一些其他小功能
比如:公共号,赞助,关于我们
自助问答……等等
可以设计一小彩蛋,增加趣味性

具体原型图见附件: ### 用户卡片 用户卡片,显示用户的头像,学校,姓名,学号在 用户未登录情况下仅显示昵称,和登录提醒 用户卡片的背景底纹可更换,作为个性化体现 后续用户赞助一定数额,可以定制底纹, 底纹将在轻社交的用户卡片上展示 ### 核心功能卡片 三个核心,分别为: 账号:教务处账号管理 课表:管理课表缓存 设置:各种设置 ### 其他功能 这里是一些其他小功能 比如:公共号,赞助,关于我们 自助问答……等等 可以设计一小彩蛋,增加趣味性
MrKBear added this to the UI-视觉设计 project 2022-01-05 20:04:48 +08:00
MrKBear added the
★★★☆☆
label 2022-01-05 22:36:43 +08:00
MrKBear added the
设计
label 2022-01-05 22:40:54 +08:00
Collaborator

用户界面1.
核心功能区域,可以增加
空教室这一板块(因为很多人日常使用小程序,除了查课表,就是去寻找空教室)
管理课表缓存,教务处账号同理(可以包含在设置内)(因为使用频率较低,每学期缓存一次就很少打开这个按钮了

用户界面1. 核心功能区域,可以增加 空教室这一板块(因为很多人日常使用小程序,除了查课表,就是去寻找空教室) 管理课表缓存,教务处账号同理(可以包含在设置内)(因为使用频率较低,每学期缓存一次就很少打开这个按钮了
Author
Owner

用户习惯 上的角度上,楼上这样设计更合理一些。

但是站在 功能分类 的角度上的,还是原先的设计更合理一些。

原因如下:

  1. 空教室查询作为一个教务处实际功能,感觉应该分类到综合信息页(下面导航栏中间的那个)。

  2. 此页面定位时“设置”,应该放跟设置相关的功能,如,账号设置,学期设置,其他设置,和一些关于我们之类的小功能。

  3. 因为“账号设置”,“课表管理”,“其他设置”,在“设置”分类里属于核心功能,故放在显眼的位置,并标注ICON。

以上仅为个人建议,需要更多人的建议。

在 *用户习惯* 上的角度上,楼上这样设计更合理一些。 但是站在 *功能分类* 的角度上的,还是原先的设计更合理一些。 原因如下: 1. 空教室查询作为一个教务处实际功能,感觉应该分类到综合信息页(下面导航栏中间的那个)。 2. 此页面定位时“设置”,应该放跟设置相关的功能,如,账号设置,学期设置,其他设置,和一些关于我们之类的小功能。 3. 因为“账号设置”,“课表管理”,“其他设置”,在“设置”分类里属于核心功能,故放在显眼的位置,并标注ICON。 以上仅为个人建议,需要更多人的建议。
MrKBear added the
阻塞
label 2022-01-06 09:07:31 +08:00
Collaborator

个人认为可以增添一个留言板,可以适当添加一些与学校有关的话题,可以增加用户活跃度。
这也是算是一个泛社交的一个尝试,在有社交测基础上才能去谈底纹这类“皮肤”增值服务。

个人认为可以增添一个留言板,可以适当添加一些与学校有关的话题,可以增加用户活跃度。 这也是算是一个泛社交的一个尝试,在有社交测基础上才能去谈底纹这类“皮肤”增值服务。
Collaborator

用户界面可以添加更多与个人有关的内容,比如可以把水卡的账户设置移入这个页面中,在逻辑上更一致

用户界面可以添加更多与*个人*有关的内容,比如可以把水卡的账户设置移入这个页面中,在逻辑上更一致
Author
Owner

个人认为可以增添一个留言板,可以适当添加一些与学校有关的话题,可以增加用户活跃度。
这也是算是一个泛社交的一个尝试,在有社交测基础上才能去谈底纹这类“皮肤”增值服务。

留言板功能请在后续的,留言板Task中讨论,谢谢~

> 个人认为可以增添一个留言板,可以适当添加一些与学校有关的话题,可以增加用户活跃度。 > 这也是算是一个泛社交的一个尝试,在有社交测基础上才能去谈底纹这类“皮肤”增值服务。 > 留言板功能请在后续的,留言板Task中讨论,谢谢~
Collaborator

1.个人认为核心功能卡片中的账号和课表缓存都可以放在设置里面,空闲出更多空间安排其他快捷功能
2.对于社交功能上,可以提供两种~~社交(也许)~~方式,一种是类似贴吧的发帖留言类的,一种是类似留言板类用于求助、寻物启事、发表信息、发布公告的

1.个人认为核心功能卡片中的账号和课表缓存都可以放在设置里面,空闲出更多空间安排其他快捷功能 2.对于社交功能上,可以提供两种~~社交(也许)~~方式,一种是类似贴吧的发帖留言类的,一种是类似留言板类用于求助、寻物启事、发表信息、发布公告的
Collaborator

用户卡片可以参照各类游戏的玩家卡,展示一些内容,可以有一个大的样式和一个小的样式,适应更多场景。(图为2042的圣诞卡片)

用户卡片可以参照各类游戏的玩家卡,展示一些内容,可以有一个大的样式和一个小的样式,适应更多场景。(图为2042的圣诞卡片)
Collaborator

可以把外观设置从课表设置里面独立出来为一栏,这样会更清晰,之前观察到很多同学貌似不知道课表可以设置自定义背景

可以把外观设置从课表设置里面*独立出来*为一栏,这样会更清晰,之前观察到很多同学貌似不知道课表可以设置自定义背景

个人小建议,在UI设计的过程中可以通过一些图形的组合排列的设计对界面外观进行打造

个人小建议,在UI设计的过程中可以通过一些图形的组合排列的设计对界面外观进行打造
Collaborator

核心功能区域可以增加课表比对这一功能。(大部分人在和不同专业的人日常聚会时可以比照空余时间来进行规划)

核心功能区域可以增加课表比对这一功能。(大部分人在和不同专业的人日常聚会时可以比照空余时间来进行规划)
Collaborator

建议主页可以增加备忘录的功能,看课表时提醒使用者该干啥

建议主页可以增加备忘录的功能,看课表时提醒使用者该干啥
2022xiaorui self-assigned this 2022-01-10 14:15:06 +08:00
Author
Owner

第二版设计: New Design

这个设计在整体布局上用 卡片 这一视觉要素呈现的,因为课表页面的每个课程,都是这样的卡片,比较有特点,所以就作为整体的辅助图形。

从风格的角度上是极简的,因为这个版本加入了一个用户可修改的卡片底纹,这个设计主要还是希望将风格交给用户。

这版中的 User Card 参考了 @2022xiaorui 在第一版中的布局。

这一版设计是更偏向于第二代,非常中规中矩的设计,虽然不一定好看,但是一定是最容易被所有人接受的。

### 第二版设计: New Design 这个设计在整体布局上用 ```卡片``` 这一视觉要素呈现的,因为课表页面的每个课程,都是这样的卡片,比较有特点,所以就作为整体的辅助图形。 从风格的角度上是**极简**的,因为这个版本加入了一个用户**可修改**的卡片底纹,这个设计主要还是希望将风格交给用户。 这版中的 ```User Card``` 参考了 @2022xiaorui 在第一版中的布局。 这一版设计是更偏向于第二代,非常中规中矩的设计,虽然不一定好看,但是一定是最容易被所有人接受的。
Collaborator

有没有可能设置一个教师课表 然后可以在小程序上和老师预约答疑的那种 因为可能并不是每一位同学都有机会有老师的微信 可能也联系不到老师 所以 有没有可能预约老师 在老师空闲时间进行答疑 帮助同学更好的学习

有没有可能设置一个教师课表 然后可以在小程序上和老师预约答疑的那种 因为可能并不是每一位同学都有机会有老师的微信 可能也联系不到老师 所以 有没有可能预约老师 在老师空闲时间进行答疑 帮助同学更好的学习
Author
Owner

有没有可能设置一个教师课表 然后可以在小程序上和老师预约答疑的那种 因为可能并不是每一位同学都有机会有老师的微信 可能也联系不到老师 所以 有没有可能预约老师 在老师空闲时间进行答疑 帮助同学更好的学习

@1225lmjc
关于新功能,请在这个Task中讨论。
此Task仅讨论关于用户页面UI设计的内容,谢谢~

> 有没有可能设置一个教师课表 然后可以在小程序上和老师预约答疑的那种 因为可能并不是每一位同学都有机会有老师的微信 可能也联系不到老师 所以 有没有可能预约老师 在老师空闲时间进行答疑 帮助同学更好的学习 @1225lmjc 关于新功能,请在[这个Task](http://git.mrkbear.com/MrKBear/mini-dlpu-v3/issues/32)中讨论。 此Task仅讨论关于用户页面UI设计的内容,谢谢~
Sign in to join this conversation.
No description provided.