2020-05

18

深圳集团官网设计公司综合设计指南
  • 类型:专业观点
  • 编辑:JOY
  • 来源:深圳集团官网设计公司
  • 深圳集团官网设计公司将您的网站视为一个不断发展的项目,并分析用户反馈以不断改善体验。请记住,设计不仅针对设计师,而且还针对用户。


    深圳集团官网设计公司


    1、深圳集团官网设计公司响应式设计

    PC和移动终端具有不同的屏幕分辨率,因此适应和优化它们尤为重要。

    使用单列布局。手机屏幕上单列布局的基本效果很好。单个列不仅可以管理小屏幕上的有限空间,还可以在不同的屏幕分辨率和宽高比之间轻松缩放。

    使用优先导航模式。优先级由MichaelScharnagl提出,其中显示了重要的导航选项,而不重要的导航选项则归入“更多”按钮。它可以充分利用可用的屏幕空间。随着屏幕的增加,显示的导航选项也会增加,这可以提高可见性和吸引力。该模型对于具有许多不同模块和页面的网站(例如新闻网站或电子商务网站)特别有用。

    确保图像适合PC和移动设备。该网站必须适应所有不同的设备和分辨率,像素密度和方向。建立自适应网站时,图像适应是主要挑战之一。


    深圳集团官网设计公司


    2手势操作

    移动互动是通过手指完成的,而不是通过鼠标单击完成的。这意味着在设计交互时将应用不同的规则。

    互动元素的大小应适当。所有交互元素(例如链接,按钮和菜单)都应可进行手势操作。PC端网站适合用于较小且精确的交互区域(单击),但是移动网页需要较大的触发区域,您可以用拇指轻松完成该区域。当网站经常需要用户操作时,请参考MITTouchLab研究以为您的按钮选择合适的大小。研究发现,手指表面的平均大小在10到14毫米之间,指尖在8到10毫米之间,而10×10毫米是一个很好的大小。

    互动需要更明显的视觉表达。在PC端,当将鼠标悬停在某个元素上时(例如显示下拉菜单),用户可以提供其他视觉反馈。在移动端,移动用户将必须单击以查看响应而无需悬停。因此,您应该确保用户可以正确预测界面元素的含义。


    3.无障碍设计

    该产品必须能够被任何人使用。为有生理缺陷的用户进行设计是设计师练习移情并体验世界的一种方式。


    4.弱视使用者

    许多深圳集团官网设计公司网站对文本使用低对比度模式。尽管低对比度可能很流行,但很难识别。低对比度对视力和对比度敏感度低的用户不友好。

    浅灰色背景上的灰色文本难以阅读。体验将非常糟糕,或者设计没有意义。

    低对比度文本很难在PC上阅读,而在移动设备上则变得更加困难。想象一下,当您在明亮的阳光下行走时,需要在移动设备上阅读对比度较低的文本。这提醒我们,设计应确保可以将信息传递给用户。

    永远不要为了美丽而牺牲可用性。网站上的文字和其他重要元素最重要的是可读性。可读性要求文本和背景之间有足够的对比。为了确保视障人士可以阅读文本,《W3CWeb内容可访问性设计指南》应该使文本的最小对比度为4.5:1。最佳对比度为7:1。

    较大字体(粗体14和大于18)的文本的对比度至少应为3:1。

    不好:这些文字行不符合对比度建议,很难阅读。

    良好:这些文字行遵循对比建议,清晰易读。



    深圳集团官网设计公司


    5.键盘适配

    一些用户使用键盘而不是鼠标来浏览网站。例如,有运动障碍的人很难使用精细的运动,例如鼠标。通过使交互元素适应Tab键并显示键盘指示符,此类用户可以轻松访问交互和导航元素。

    键盘导航的基本规则:

    检查键盘指示灯是否可见和明显。一些网页设计师会删除键盘指示器,因为他们认为它不漂亮。但这会阻止键盘用户正确地与网站进行交互。如果您不喜欢浏览器提供的默认指示器,请不要全部删除;而是设计适合您的产品。

    所有互动元素都应该可以通过键盘访问,而不仅仅是主要的导航选项或主要的CTA。

    您可以在W3C的“WAI-ARIA创作实践”文档的“设计模式和小工具”部分中找到键盘交互的详细要求。


    6.测试

    深圳集团官网设计公司测试是用户体验设计过程的重要组成部分。像其余的设计周期一样,这是一个连续的过程。从早期收集信息开始,整个过程都需要进行测试。

    用户讨厌缓慢的网站。这就是为什么响应时间是网站的重要因素。根据尼尔森·诺曼集团(NielsenNormanGroup),有三个响应时间限制:

    对用户而言,0.1秒是即时的。

    1秒可以平稳地保存用户的思维,但是会稍有延迟。

    10秒是用户保持关注该操作的极限。10秒的延迟通常会导致用户立即离开站点。

    显然,我们不应该让用户在网站上等待10秒钟。但是延迟通常会持续几秒钟,这也可能令人不快。用户将不得不等待操作完成。





    7.开发移交

    有两个重要步骤:设计原型和开发。设计完成并准备进入开发阶段后,设计人员需要制定一个规范来描述应如何实施设计。该规范确保开发不会偏离最初的意图。

    规范的准确性至关重要,因为在规范不正确的情况下,开发人员在开发时必须依靠猜测,或者让设计人员回答问题。但是手动编写规范是一件令人头疼的事情,通常需要很长时间。

    借助AdobeXD的设计规范功能(测试版),设计人员可以为开发人员发布公共链接。通过该链接,开发人员可以检查,衡量和复制样式。设计人员不再需要花费时间编写规范来向开发人员解释位置,文本样式或字体。


    8.结论

    这里分享的提示仅仅是开始。通过将这些想法与您自己的想法融合在一起,可以获得最佳结果。深圳集团官网设计公司将您的网站视为一个不断发展的项目,并分析用户反馈以不断改善体验。请记住,设计不仅针对设计师,而且还针对用户。