关闭

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

标签: 用户体验web
515人阅读 评论(2) 收藏 举报
分类:

        在实际的网站项目建设过程中,用户体验度的设计是非常重要的。一个网站无论你后台系统如何健壮、如何高可用、可扩展等,没有一个良好的页面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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:173725次
    • 积分:5480
    • 等级:
    • 排名:第4897名
    • 原创:145篇
    • 转载:4篇
    • 译文:0篇
    • 评论:1432条
    最新评论