产品打磨日记-从门户首页开始

本文详细记录了产品打磨的过程,聚焦于门户首页的改进。优化内容包括:浮动头部以方便登录注册,根据用户角色聚合功能,增强消息反馈,改进导航设计,调整颜色与交互反馈,优化URL结构,以及增设‘学员见证’和‘最新活动’栏目,旨在提升易用性、安全性和性能,打造更出色的产品体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

产品的打磨实际上是产品走向精细化的一个过程,需要将现有的功能变得更流畅,将没有连贯的业务连贯起来,将复杂的业务简单化,砍掉影响主线的功能,将产品的核心亮点突出出来,使得产品在易用、安全、性能等方面得到全面提升。

门户-首页

1、将门户首页的头部灰色长条地带,设置成浮动条,网页向下拉时也可见,方便登录、注册等,类似于花瓣网或搜狐首页,将网站的导航,最重要的功能一下子放在用户眼前,让用户在浏览的过程中很方便的登录和注册,便于用户登录后发掘网站更多功能。

 

2、现有头部,个人ID,注册、登录、我的xx等一大堆全是摊开的,出于对空间利用和聚合,将个人ID利用起来,将用户常用的功能按照主次原则进行排列。

学生端

在个人ID链接上加入菜单,将与用户最紧密的功能添加进来,“我的xx”、“账户设置”、“资源点充值”、“帮助中心”、“退出”

教师端

在个人ID链接上加入菜单,将与用户最紧密的功能添加进来,“我的xx”、“课程工具”、“账户设置”、“资源点充值”、“帮助中心”、“退出”

 

参照:

图片略

 

3、登录后头部展示消息,原理同2

参照:图片略

4、登录后跳转 ?(经讨论后此处待定)

登录后直接跳到用户的“我的xx”目前链接页面,不要像现在一样,登录后还需要点击“我的xx”链接才能进去。这里借鉴的原则是“反馈原则”。

 

5、头部的利用,虽然现在门户有各个频道,但是作为一个成熟网站,还是需要一个导航,将平台的特色及服务集中在一起,出于对空间的利用,可以将导航放在顶部浮动条上。

参考:图片略

将xx学网的主要功能进行收纳
公开课、学力测评、线下班级、网络课程、xx知道、xx校区
并且将使用最频繁的 网络课程、学力测评、xx知道做成小图标放在分割线下,单独列出来

6、线下班级、网络课程【小学、初中、高中、特色】分类导航,目前一整块,切换后不仔细看也没有什么变化,不符合用户反馈原则。

现在一整块都是白色,鼠标移动的过程中看不到跟用户的反馈。
将初中及区域调成其他颜色,鼠标滑过有淡入的效果,这样小学、初中、高中、特色会有一些反差。用户交互会比较好。

美工的同事有其他建议也可以采纳。

7、右边栏“网站公告”、“xx新闻”,滑动切换思路是对的,但没有空间距离感。

网站公告与xx新闻之间应当存留一点间隙,类似于下面这种效果

并且将“网站公告”、“xx新闻”改成“公告”、“新闻”,节省了空间,另外今后扩展如“活动”等页签也比较方便。

8、名师推荐

每个教师的图像下面都有咨询按钮,跟实际表达的意思又有出入,要去掉。可以换成“短片”或“简介”按钮比较好。

9、增加“学员见证”和“最新活动”栏目,按现有左右布局方式,放在希望之星广告栏下面。
采用图片链接或视频链接的方式,让学员现身说法,增强网站内容的可信度。

10、右边栏,网络课程视频。为了增强用户在点击链接之前的用户反馈效果,鼠标滑过链接时可浮动视频截图,并可以点击进去。

11、网站频道栏目,URL的优化

现有的频道及URL没有做优化,很容易对外暴露网站模块的命名规则,给黑客提供了潜在猜测的机会,并且过长,不便于记忆。由于网站用户为中国的中小学生和家长,采用拼音的命名更符合中国人的记忆。

要对每个分类的链接URL都做优化处理。
学力测评:ceping.xxxx.com
线下班级:xianxia.xxxx.com
网络课程:wangluo.xxxx.com
xx知道:zhidao.xxxx.com
公开课:gongkai.xxxx.com
xx校区:xiaoqu.xxxx.com
微课程:weike.xxxx.com

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值