web程序中全优化(一)之 提高用户体验度Tips

        在实际的网站项目建设过程中,用户体验度的设计是非常重要的。一个网站无论你后台系统如何健壮、如何高可用、可扩展等,没有一个良好的页面UI设计也是很难吸引到用户的。

        因此,当前的互联网Time是一个“靠脸和脑吃饭”的时代。

        在这种要求下,用户体验就显得非常重要了。用户用的舒适、方面,以更少的操作,实现更多想要功能的完成,是我们开发设计人员追求的最大目标之一。

        下面,提几个用户体验的方案,希望对大家有帮助。

        1、使用submit代替click,习惯使用form标签!

        我自己也不知道有多少次我曾试着用 ENTER 键提交表格,然后却什么都没发生。然后我点击或使用提交按钮,表格才肯显示出来。这是我对可用性这个领域的问题中最不满的一个。跳到提交按钮,关闭移动键盘并滚动到提交按钮,完全是不需要存在的令人烦不胜烦的多余步骤。因为只需使用submit,一切烦恼就烟消云散了。


        2、给带有text-overflow:ellipsi属性的元素添加标题属性

        新的CSS text-overflow: ellipsis属性和值真不错。开发人员习惯于排除万难地复制这种效果。我完全赞成使用text-overflow: ellipsis,但如果我将鼠标悬停于使用它的元素上,你最好抛出一个title属性,这样可以让用户很快地看到整个文本:

        

<div class="ellipsizeMe" title="I am some really, really long text that's going to be ellipsized">
I am some really, really long text that's going to be ellipsized
</div>

       3、使用类型为search和email的input输入框

       当我们在开发移动设备软件上的表格时,却因为不得不在键盘屏幕之间切换以得到一个“@”,而感受到令人难以置信的沮丧。请务必使用正确的输入类型:

<input type="search" value="" />
       

       这些简单的开发技巧即使我们更欣然地接受我们所开发的项目,同时也使我们的用户们享受到更多的方面和舒适体验,可谓是何乐不为呢?

       

        

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值