如何设计一个优质表单界面

2017-8-15 用心设计

之前有和大家分享过无线端表单一些设计原则,本周设计群小伙伴@竹溪,也帮忙分析了PC端常用一些设计原则,和设计规范!希望可以帮助到在做BS/CS的一些朋友,也欢迎更多朋友加入我们一起交流设计,研究设计,最近我们也在研究VR的一些设计方向,欢迎交流探讨

阅读全文>>

标签: 表单设计 列表设计 产品 产品功能 后台网页

评论(0) 浏览(737)

设计表单的时候,为什么悬浮式标签体验更好?

2017-8-15 泥人张 移动设备ui及体验

表单设计中,各种设计模式和技巧已经越来越成熟了。在诸多设计技巧当中,悬浮标签这一设计手法,应该是对于用户体验提升最明显的一种。早在2013年8月的时候,我第一次考虑在自己设计的表单中运用悬浮标签,这个想法很简单,在占位符文本中,借助动画加入一个图标显示,确保用户不会在填写过程中迷失。

阅读全文>>

标签: 表单设计 悬浮标签设计

评论(0) 浏览(806)

如何做好网页后台的表单和表格设计?

2017-8-8 用心设计 交互设计及用户体验

如何定义一个后台是好的?领导说好,用户说好,你自己也觉得好,那应该就是好的。大部分情况下产品已经定制好了每个功能模块,UI上只需要对着原型加以美化,如果你是这样做的,那么做出的东西一定会让人觉得有问题但是又不知道问题在哪里,总是想让你改。

如何做好网页后台的表单和表格设计?

阅读全文>>

标签: 表单设计 列表设计 产品 产品功能 后台网页

评论(0) 浏览(887)

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

2017-8-5 泥人张 设计理念

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

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

阅读全文>>

标签: 表单设计 表格设计

评论(0) 浏览(813)

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

2017-7-27 蓝蓝 设计理念

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

1、梳理逻辑,保留必需

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

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

阅读全文>>

标签: 表单设计 注册页设计 输入框设计

评论(0) 浏览(745)

表单设计系列二:如何进行表单的设计?有图例有道理

2017-7-27 蓝蓝 设计理念

1

阅读全文>>

标签: 表单设计 注册页设计 输入框设计

评论(0) 浏览(429)

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

2017-5-3 泥人张 设计理念

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

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

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

阅读全文>>

标签: 配色 表单设计

评论(0) 浏览(889)

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

2017-3-12 泥人张 用户研究

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

阅读全文>>

标签: 表单设计 界面设计

评论(0) 浏览(528)

占位符文本的选择

2016-11-29 用心设计 交互设计及用户体验


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


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


将占位符作为标签

Image title

阅读全文>>

标签: 网页设计 蓝蓝设计 表单设计 占位符 html输入

评论(0) 浏览(573)

表单设计的思考

2016-11-10 泥人张 设计理念

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

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

阅读全文>>

标签: ui设计 表单设计

评论(0) 浏览(530)

Powered by emlog 京ICP备12006971号-1 sitemap