网页实战:关于web导航栏使用分析

1.这是什么网站/APP/产品(产品名称)

  2.我在哪个页面?(页面名称)

  3.这个产品的主要部分有哪些?(栏目清单)

  4.在这个部分,我有哪些选择?(本页导航)

  5.我在导航系统什么位置?(你在这里指示器)

  6.我怎么搜索?

27142824_vhcx.png

  随手用了4个正打开的网页进行分析,发现之前在豆瓣总逛得不顺,还真是有道理的。

27142825_ECtb.png

豆瓣

  1)第一,第二级导航都太多,让用户需要做太多选择。

  2)说老实话,我不知道我在哪里。我已经迷路了。

27142825_YFwa.png

简书

  总体而言我很喜欢。

  1)主导航一致性不够:主导航手机端下载按钮,在 写文章页面没有。

  2)左下角 “我“的各个部分有些冗余。

27142826_OaP3.png

雪球

  总体而言我很喜欢。没有明确告诉我,我现在在哪里,会让我迷失。

27142826_d92T.png

程序员客栈

  老版本没有搜索功能,页面设计是1.0版本的,比较捉急,附上目前最新应用的导航栏,希望大家不吝指教。

27142827_q8KZ.png

 

转载于:https://my.oschina.net/proginn/blog/667016

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值