`

吐槽一下新浪微博网页版的UI设计

阅读更多

1. 不一致的按钮。有向下箭头是鼠标悬停的时候显示下拉菜单吧:

吐槽一下新浪微博网页版的UI设计

可是,右侧这样的普通按钮也会有悬停+显示下拉菜单的效果:

吐槽一下新浪微博网页版的UI设计

继续,新浪微博没有把这样的效果统一贯彻到底,发微博的按钮就容易误导用户悬停然后等待下拉菜单,结果怎么也等不来:

吐槽一下新浪微博网页版的UI设计

 

2. 右侧这样的tab页是鼠标悬停激活切换的:

吐槽一下新浪微博网页版的UI设计

 

 

但是到了正中的tab页,需要鼠标单击切换:

吐槽一下新浪微博网页版的UI设计

 

3. 按钮风格太多,不够直观简洁。总的来说,就如同淘宝和Amazon比较,如同微博和Twitter比较,国内许多网站更加本地化,风格偏重于陈列更多应用和功能,下面是一部分按钮的简单分类:

吐槽一下新浪微博网页版的UI设计

 

其中有一些不一致和冗余的地方。比如第四行,有两种“更多”按钮的风格。

分组的“管理”按钮设定为鼠标悬停展示,但是“找人”按钮却不是,不是很理解这种不一致设计的原因。

 

4. 点击“评论”以后展开评论列表,但是点击“转发”展示一个弹出层:

吐槽一下新浪微博网页版的UI设计

点击原微博的“评论”和“转发”,却进入另一个页面。

每条微博左下角的时间显示是一个链接,链接的含义对于用户来说不够直观;“举报”按钮是鼠标悬停在微博上才显示的,不是很理解为什么这样做。

吐槽一下新浪微博网页版的UI设计

 

另外,转发/评论树没办法清晰地展示出来,而且在转发的时候还可以随意修改被转发的信息,这似乎是信息伪造的硬伤……

 

5. 过多的提示、悬停提示,打扰用户阅读。比如这些:

吐槽一下新浪微博网页版的UI设计

吐槽一下新浪微博网页版的UI设计

而且下面的提示一出现,一个抖动,把微博往下推了N个像素,影响阅读:

吐槽一下新浪微博网页版的UI设计 

 

 

 

不想大发牢骚,新浪微博还是很不错的。吹毛求疵,挑挑小毛病。

 

文章系本人原创,转载请注明作者和出处

注:本博客已经迁移到个人站点 http://www.raychase.net/ ,欢迎大家访问收藏,本ITEye博客在数日后将不再更新。

0
0
分享到:
评论

相关推荐

    .net 三层架构制作吐槽网

    在吐槽网中,这可能包括登录页面、首页展示、发布吐槽的表单以及评论和点赞的界面。开发者可能会使用ASP.NET MVC或ASP.NET Core来创建这些视图和控制器,实现用户的交互逻辑。 2. **业务逻辑层(Business Logic ...

    Qnmlgb吐槽网站

    一个留言类型的网站,适合新手。吐槽网站。特别适合新手进行学习。也可以直接使用。

    基于PHP的消息果留言板(吐槽版) PHP源码.zip

    基于PHP的消息果留言板(吐槽版) PHP源码.zip

    ssm吐槽论坛毕业设计程序

    总体设计主要包括系统功能设计、系统总体结构设计、系统数据结构设计和系统安全设计等;详细设计主要包括系统数据库访问的实现,主要功能模块的具体实现,模块实现关键代码等。最后对系统进行功能测试,并对测试结果...

    安卓新浪微博源码

    新浪微博客户端的源码下载,里面用到了一个videoview,所以要将a5.mp4文件(http://pan.baidu.com/s/1nt6tlMD)复制到你手机SD卡的根目录,不下载也可以只是会黑屏2-3秒,此demo是自己搭的服务器(通过tomcat),请...

    ui设计QT实例教程

    本教程“UI设计QT实例教程”旨在帮助初学者逐步掌握QT的使用,通过实例教学,让学习过程更为直观易懂。 在QT中,UI(用户界面)设计是一项至关重要的任务,它决定了应用的外观和用户体验。QT提供了一个名为QT ...

    工作中那些不得不吐槽的Chinglish

    工作中那些不得不吐槽的Chinglish

    吐槽哥端口扫描器 v3.9

    一个快速高效的端口扫描工具,制定IP段扫描端口,还可以对部分路由器读取路由器相关用户信息。支持路由器或服务器型号:XM-3300N- ASUS- D-Link- LevelOne- Netis- Pozitron- TP-LINK支持端口:8080,80,8888,8081...

    吐槽:web登录页面(by Alan)

    web登录页面

    基于Django的校园食堂菜评价与吐槽互动平台设计源码

    本项目是一款基于Django框架开发的校园食堂菜评价与吐槽互动平台设计源码,包含201个文件,涵盖45个JavaScript文件、38个GIF动画文件、30个CSS样式文件、26个Python源代码文件、17个PNG图片文件、12个HTML文件、10个...

    简易新浪微博客户端

    1.采用Material Design设计风格,轻巧灵便,简易唯美。 2.支持emoji表情,支持本地照片的发布。 3.支持查看gif图片,瀑布流显示图片相册。...6.支持分享微博到官方新浪微博,QQ空间及QQ好友。 欢迎下载使用,欢迎吐槽

    基于Vue、JavaScript、HTML的bkb-uniapp企业黑红名单吐槽小程序设计源码

    该项目是一款基于Vue、JavaScript和HTML的企业黑红名单吐槽小程序设计源码,共包含54个文件,其中Vue文件23个,PNG图片15个,JS文件6个,JSON文件4个,Gitignore文件2个,LICENSE文件1个,Markdown文件1个,HTML文件...

    支付宝钱包十大最烂文案——吐槽支付宝ppt模板.rar

    【支付宝钱包十大最烂文案——吐槽支付宝PPT模板】是一个针对支付宝软件的用户界面和文案设计进行批评与分析的资源。这份PPT模板旨在通过简约而精美的设计,揭示出支付宝在用户体验方面可能存在的问题,特别是针对其...

    Q入门使用UI设计器设计和纯代码设计

    首先,让我们来了解一下Qt UI设计器,也被称为Qt Designer。这是一个图形化用户界面,允许开发者通过拖放组件和调整属性来构建UI布局。Qt Designer支持多种窗口小部件(Widgets),如按钮、文本框、菜单等,可以方便...

    安卓直播视频播放流媒体IPCameraRTSPDLNA相关-android实现吐槽弹幕.rar

    这个压缩包文件“安卓直播视频播放流媒体IPCameraRTSPDLNA相关-android实现吐槽弹幕.rar”似乎包含了针对这些主题的一些源代码和资源,旨在帮助开发者了解和学习如何在Android应用中实现类似的功能。 首先,我们来...

    一起来吐槽-crx插件

    当你看到有趣的漫画、图片时,你是否想直接在图片上认为有趣的地方吐个槽,发表一下你的想法? 本扩展就是为此而做,赶紧安装,一泄你那满腔的吐槽热情吧! 除了漫画、图片,任何的网页都是可以使用此扩展进行吐槽...

    Flex饼图向上吐槽

    Flex饼图向上吐槽是一个关于Adobe Flex中饼图组件的专题,这个组件被设计用来以图形化的方式展示数据,尤其适用于显示部分与整体的关系。在Flex中,饼图是一种常见的图表类型,它将数据集中的各个数据项以扇形区域...

    项目实战SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序

    首页:展示企业红黑榜Top、最新发布的企业吐槽和问题。 红黑榜:分页展示高分和低分企业。 发布:允许用户对企业进行吐槽或提问。 问题列表与详情:展示所有提问及其回复。 我的:包括个人资料管理、已发布吐槽和...

Global site tag (gtag.js) - Google Analytics