首页

实战经验!如何做好网页后台的表单和表格设计?

涛涛

一个完整的后台,由菜单/导航、数据/图形展示、表格、表单、控件/组件以及弹窗等构成,下面跟大家分享后台中的表格和表单的设计细节。

当接到一个全新的网页后台项目时,首先确定设计风格,然后考虑这个后台尺寸是做居中固定式,还是全屏响应式。全屏响应式的网页设计,除非有规定,否则你可以选择任意主流尺寸作为基尺寸来设计网页。当然,不管选择什么尺寸,都得基于做好一个后台而开展工作。

表单设计系列一:设计好用表单的10个技巧

蓝蓝设计的小编

在今天的文章中,你会看到许多关于表单设计的切实可行的建议,它们涉及到可用性测试、现场测试、眼动追踪以及用户反馈等多个不同的环节。

1、梳理逻辑,保留必需

表单是同用户进行沟通的语言。和任何对话一样,它应当以符合逻辑的方式帮助双方完成交流。所以,你需要这么做:

  • 让问题保持直观的顺序。你应当站在用户的角度按照逻辑提问题,而非按照程序或者数据库的逻辑。如果问题之间没有逻辑存在,那么可以按照字母顺序来排布。
  • 以直觉的顺序组织选项。比如选项为日期的时候,按照周一周二周三这样的顺序来排布,而非乱序。
  • 时刻反思从用户那里获得的信息是否必要,如何使用。这样做是为了消除不必要的选项,提升完成率。

这个教程看完就会!如何为一个图表设计色彩?

涛涛

对色彩的研究通常要么太过随意缺乏逻辑,要么太过理论化难以理解,这篇文章用非常浅显易懂的方式,讲述了一个专门研究数据可视化的团队探寻图标色彩搭配的历程,给出有力的论证,并得出很棒的结论,非常值得一读。

虽然现在要获取的色彩搭配并不难,但是寻找图表(可视化数据)的配色依旧有难度。

Graphiq (用可视化的形式提供全球各种数据的一家公司,也是作者工作的地方),设计图表色彩就更难了,因为我们的图表需要用各种各样的形式传达上千种数据。

表单经典原则是错的?来看这5个表单设计新规则

涛涛

每天我们都使用表单进行基本的网上操作。网上购物、注册邮箱、社交网络甚至参与讨论、描述美味的午餐等等都需要我们填好表单。不夸张地说,表单是数字信息分享的生命根基。然而多年以来,表单的体验鲜有提升,仅仅停留在功能足够好却达不到体验上的优秀。然而现在,在使用恰当技术的帮助下,我们可以设计出更快、更简单、更有成效的表单体验。

占位符文本的选择

用心设计


占位符文本可用作几乎所有的HTML输入类型的属性,被误导的设计师和开发人员不要犹豫。为复杂的表单提供文字帮助或者删除输入标签来提高美观度都颇具吸引力,然而,这样使用占位符文本会导致许多可用性问题。


本文将例举常见的不良做法,并提供替代方案。


将占位符作为标签

Image title

表单设计的思考

涛涛

我们几乎每天都会接触形形色色的表单,登录账号、填写信息以获取服务、发布内容等。然而填写表单的过程往往不是特别愉悦的,我们需要消耗时间输入信息,点击提交,可能还需要等待审核;尤其是碰到较为复杂、流程长的表单,如果用户体验较差,很容易让人产生挫败感,在中途选择放弃。

那么,如何提高用户填写表单的效率,防止他们出错或中途流失,提升愉悦度及转化率呢?本文就web表单设计,总结了以下的一些方法

有创意的联系页面及表单设计欣赏

蓝蓝设计的小编

今天我们来聊聊“联系我们”的界面设计。它可是网站设计中的最佳男配角了。虽然说通常只有一个页面。但是他在老板的眼里,那可是最有份量的。他经常出现在个人网站、企业网站、工作室网站中。但凡该网站设计提供服务,就必须要有一个联系方式。今天蓝蓝设计收集了比较有创意的网站设计联系我们的界面设计,有不同形式的分类和主张,希望您能喜欢。

更多网站设计的联系页面及表单设计欣赏:http://www.lanlanwork.com/

83-Bits

向左走、向右走?表单元素设计大揭密

蓝蓝设计的小编

表单的界面设计是由许多细小的元素所组合而成的集合体,标题和输入框的排列方式有着重要的地位,标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢?蓝蓝设计表单元素ui设计大揭密!

标题和输入框常见的排列方式

1. 放在输入框左边,而且靠左对齐

有创意的联系页面及表单设计欣赏

蓝蓝设计的小编

又是一个愉悦的周一。今天我们来聊聊“联系我们”的页面设计。它可是网页设计中的最佳男配角了。虽然说通常只有一个页面。但是他在老板的眼里,那可是最有份量的。他经常出现在个人网站、企业网站、工作室网站设计中。但凡该网站提供服务,就必须要有一个联系方式。今天蓝蓝设计收集了比较有创意的网站页面的界面设计,有不同形式的分类和主张,希望您能喜欢。

Josies Bathrooms

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档