发表于： 2019-07-26 23:22:36
1 560
今天完成的事情：
网页端的调研
明天计划的事情：
网页端原型
遇到的问题：
收获：
| 入口位置及样式 | 产品 | 设计方式 | 详情 | 跳转方式 |
| 爱奇艺 | 右上角导航栏圆形头像+下拉卡片 | 头像，用户名，会员，退出登录以及订阅、收藏、安全、帮助 | 鼠标移入出现卡片，点击头像跳转到个人中心页面 | |
| 腾讯视频 | 用户名，切换，退出，vip，消息，记录，活动，app | |||
| 起点中文 | 右上角用户名 | 用户名，消息，退出 | 点击标签进行跳转 | |
| 知乎 | 右上角导航栏方形头像+下拉列表 | 主页，创作者中心，设置，退出 | 点击头像出现下拉列表，点击主页进行跳转 | |
| 赶集 | 右上角标签导航+下拉列表 | 用户名，退出，个人中心，帮助，app | 鼠标移入出现下拉列表，点击个人中心，进行跳转 | |
| 淘宝 | 左上角用户名+下拉卡片 | 头像，账号管理，退出，会员 | 鼠标移入出现下拉列表，点击账号管理，进行跳转 | |
| 华为云 | 右上角导航栏圆形头像+用户名+下拉列表 | 账号中心，费用中心，待支付订单，待续费产品，未读消息，工商管理，退出 | 鼠标移入出现下拉列表，点击账号中心进行跳转 | |
| 腾讯云 | 右上角导航栏圆形图标+下拉列表 | 昵称，账号信息，费用中心，未读消息，我的工单，退出 | 鼠标移入出现下拉列表，点击图标进行跳转 |
经过调研，入口位置无过多变动，多在右上角，淘宝由于内容过多，放在了左边，不同产品之间区别最大的是个人中心入口是否与导航栏相结合，视具体情况而定；
入口样式有三种，一：图标+卡片；二：图标+列表；三：标签导航；
圆形，方形图标，头像的作用与用户名类似，均是为了引出卡片或列表，所以对用户并无较大影响，其中圆形头像较多，证明其较为符合用户习惯；
卡片和列表的作用均是为了容纳更多的用户产品专属信息入口，卡片的优点是存在一定的设计空间，所以常见于淘宝，爱奇艺等风格较为轻快的产品，列表的优点是清晰明了，适合于知乎，腾讯云，华为云等风格较为严谨的产品；
标签导航即直接将入口外置在右上角的导航栏内，适合用户对该模块的使用需求较高的情况，如赶集网； 跳转方式中，按钮位置与设计方式相关，不做赘述，触发方式有移入触发和点击触发两种，在实际应用中移入触发明显更为便捷，点击触发的方式应用较少，可能是为了防止误操作；
返回列表
评论