最新消息:阳江小偉SEO提供百度搜索引擎关键词快速排名优化教程,新站整站排名优化的学习平台。

高端网站建设对话框交互设计技巧有哪些?

百度排名优化 小偉SEO 浏览 评论编辑:小偉SEO
  随着建站技术的进步和发展,网站建设越加趋向于专业化和个性化。在个性化的网页设计中,对话框,导航栏等这些基本功能越来越智能,越来高端。

  首先我们先看看,对话框都由什么组成?


from clipboard



  大部分对话框都由标题,按钮和说明文本组成,如果对话框允许用户输入或者选择,则需要相关控件。对话框的标题应当简单明了,一目了然;按钮,对话框上一般有两到两个按钮,分别是确定,取消。当用户点击任何一个按钮以后。模态对话框就会取消和关闭,为了提高熟练用户的效率。说明文本则是向用户解释对话框里的消息,简单明了,说明一下注意事项。

  什么是模态对话框?

  在设计交互界面时,应该重视模态对话框的设计,良好的模态对话框能更好的帮助用户完成任务。当模态对话框打开以后,用户就不能继续之前的任务,除非模态对话框被停止。


from clipboard



  主要内容和相关控件应该放在主视图中,而不是散布在不同的模态对话框中,此外,当一个对话框层叠在另一外一个对话框之上时,往往会让用户感觉到头晕。

  为什么要使用模态对话框?

  1、获取用户的注意力。模态对话框一般都处于界面最顶层的中间位置,用户在处理其他任务时,必须首先处理模态对话框里的任务,然后才能去处理其他任务,所以模态对话框虽然一定会打断用户,但是很少有其他组件像模态对话框一样吸引用户的全部注意力。


from clipboard



  2、显示次要内容。用户是为内容而来,用户关心和感兴趣的内容就是主要内容,其他内容则为次要内容。所以主要内容不应该出现在模态对话框中,在设计良好的信息架构中,用户总能轻松的找到他们所关心的内容。


from clipboard



  次要内容就可以放在模态对话框中,虽然这些内容不是用户所关心的问题,但是用户还是有机会打开这些对话框,也许在这些无关紧要的内容中,用户也能遇到自己感兴趣的内容。


from clipboard



  3、隐藏复杂性。我们希望新用户能更快上手、掌握基本功能,就必须想办法把平时不常使用的的高级功能隐藏起来,帮助新用户把注意力先放在主要内容上。

  我们可以把这些高级功能藏在模态对话框中。对于新用户而言,模态对话框的好处主要体现在:


from clipboard



  容易理解。模态对话框往往简短易懂,新用户可以快速完成对话框里的任务。

  容易撤销。如果新用户一不小心通过按钮或菜单打开了模态对话框,他们可以随时点击「取消」。


from clipboard



  容易导航。因为用户仍可看到模态对话框下面的部分主视图,他不会搞不清楚他在哪里。如果他不想继续,可以随时关闭对话框并回到之前的视图。

    本站声明:

    稿件来源内容均属于转载;如转载稿涉及版权问题,请作者联系小偉SEO,小偉SEO将第一时间删除;

    转载请注明出处:http://www.seomj.com/bdpmyh/4698.html

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)

    网友最新评论