网页设计网站曾经是万维网的唯一产物,但现在它们产生了越来越多的应用程序。新一代的web应用没有前者的平台限制或安装要求,这使得web应用对企业来说是一个相当有吸引力的选择。Web应用程序界面设计是Web设计的一种形式,但其重点是功能。这些应用程序提供了简单、直观的用户响应界面,允许用户用更少的时间和精力完成任务。为了实现这一点,下面是一些在你的web应用程序界面设计中需要考虑和包括的要点。

乘坐Udemy.com课程,了解UX设计的所有内容

接口元素

接口元素应按需。这是什么意思?它纯粹是以明确和简洁的方式处理与导航;或者更简单地说,保持简单。简单性在界面设计中非常重要。如果您的界面设计挤满了太多控制,您的用户将难以找到所需的内容。想一想餐馆菜单:如果它是两页,您可以快速弄清楚您想要的并下订单。但是,如果是八页,你无法决定,一切都听起来不错;你不知道正确的选择是什么。服务员必须继续回来检查是否准备订购。 Where the choices are fewer, the available functions become clearer to the user, as they can scan and find what they need. As easy as this sounds to do, don’t be fooled; it takes a lot of fine-tuning to design an app for simplicity while maintaining full functionality.

专门控制

在设计应用程序界面时,重要的是为情况选择正确的接口控件。某些情况比其他情况更好。有许多类型的日历功能,有些允许简单的视图,有些选择功能少,有些允许您锁定一系列日期,包括一天的时间。选择对您设计的情况正确的类型。滑块是另一个地方,这些控制应该仔细选择,以便在选择数字时使用。

在Udemy.com了解如何在用户体验中设计生产力

禁用按下按钮

当用户按下提交按钮而网站滞后时,他们该怎么办?通常他们会再次按,有时不止一次,而且非常迅速。提交过程是与应用程序相关的最大问题之一。通常,这种控制在信用卡事务中处理得很好,但是在表单提交中也应该同样小心,以避免多次提交。一旦按下这些按钮,禁用它们很容易,也很重要。

必须保护客户端和服务器端代码都是安全的。客户端代码是设计的一部分。服务器端代码适用于程序员,依赖于编码语言。这是一个检查,以确保没有复制。客户端阶段是一个简单的禁用“提交”按钮,即在其单击的那一刻,使用JavaScript代码如下:

你也可以让按钮看起来被按下了。这个操作纯粹是为了让用户知道他们已经按下了按钮。它将使您的应用程序感觉更灵敏。你可以用CSS来编码:如果你的锚有add_task_button类,通过add_task_button:active来样式化活动类。

模态窗口周围的阴影

弹出式菜单和窗口通常都有阴影,但这不仅仅是为了美观。它们帮助窗户与背景区分开来。它们还会使窗口后面的区域变暗,为用户提供它在后台而不是活动的线索。

传统的桌面应用程序使用此技术强制使用用户专注于活动窗口。模态Windows不能像桌面应用程序中的主要内容一样容易区分。这些丢弃阴影使窗户与暗影拨款的三维方面仔细看起来很近。

为了创建这些投影,设计师使用一个透明的png图像作为背景;等距填充用于盒子的所有边。有时背景图像带有透明边框,内容框使用绝对定位在此图像中。对于CSS,这被编码为:

.dialog{位置:绝对;左:50%;margin-left: -315 px;宽度:630 px;z - index: 100001;}。对话框。主体{背景:url(/img/ Dialog .png) 0 0;/*半透明.png图像*/填充:40px 13px 10px 40px;}

可以使用基于javascript的lightbox和阴影,但Internet Explorer不支持它们。

功能空的国家

在设计Web应用程序时,在没有内容时,请确保设计看起来很好。一条消息,告诉用户如何启动是内容的绝佳选择。提供一个欢迎消息和一点方向甚至启动进程的按钮。这完全是可用性。空白状态不可用。

这些消息和功能将鼓励用户尝试您提供的服务。通过应用程序帮助用户的指南有助于他们决定它是否对它们有用。专注于最重要的选择,以便不要压倒用户太多的内容。

为初学者学习iPhone应用程序界面设计今天在Udemy.com !

上下文敏感导航

设计人员可以提供用户需要的方式之一是使用上下文敏感导航。这是一个很好的例子是Microsoft Office套件。当Office 2007使用上部功能区导航时,用户可以在需要时找到所需的一切,而不是当他们没有的情况下的所有深度特征。这种上下文敏感的导航非常深思熟虑并对用户提供帮助。

重点是关键功能

控制通常以群体并排发现,但它们并不总是保持相同的重要性。许多次函数是大多数用户将使用的,但是一些可能需要另一个。提供强调最常用的控制,并对不太重要的功能强调。这种重点是使用样式或类型的控制来完成。某些应用程序使用“创建动作”的表单输入按钮,取消操作显示为文本锚。这为Create按钮提供了一个可点击区域的更多信息,并且用户将更好地注意到。

Web设计中的顶级课程

Creative CSS绘图课程:用CSS制作艺术
艾哈迈德Sadek
4.9 (66)
收视率最高
降落页面设计与转换率优化2018
艾萨克Rudansky
4.7 (6,786)
畅销书
HTML从头学起的课程
MasterMinds教程
4.8 (125)
学习Photoshop,网页设计和有利可图的自由职业
克里斯蒂安·多鲁Barin
4.7 (5993)
畅销书
UI&Web设计使用Adobe Illustrator CC
丹尼尔沃尔特斯科特
4.7 (2,766)
Adobe Photoshop CC - Web设计,响应设计和UI
丹尼尔沃尔特斯科特
4.5 (735)
网页设计亲和设计师大师班
Dawid Tuminski
4.4 (445)
Photoshop终极网页设计课程
Supriyo Kundu
4.4 (555)

更多网络设计课程

网页设计的学生也学习

赋予你的团队。引领行业。

使用Udemy for Business订阅在线课程库和数字学习工具。

请求演示