如何设计一个交互好转化率高的表单

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

表单在网页设计、app或者软件界面当中被广泛的使用,因而表单设计是个比较重要的工作。一个好的表单,不仅仅是界面设计上的体现,表单的交互和体验也尤为重要。本文总结了表单设计的八大技巧,希望对大家有所帮助。

如何设计一个交互好转化率高的表单

阅读全文>>

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

评论(0) 浏览(199)

更好的表单设计,从这6个设计策略开始

2017-9-7 Daisy 设计理念

网页设计领域中,表单设计始终是绕不过去的话题。有的表单设计的很无聊,但是有的表单却设计的很有趣,但是无论好坏,用户总得将表单填完,才能进入下一个环节,所以,表单的交互和体验无比重要。和其他的设计工作一样,表单是设计师/产品和用户进行沟通的桥梁,创建易用、高效的网页表单,用户填写越方便,转化率也就越高。

表单那可以有趣,可以便捷,真正的难点在于让整个体验足够优秀。用户不会因为有趣而填写表单,他们要的是表单填写之后的结果。因为信任你的网站或者APP,用户才会将他们的信息通过表单提交上来,但是由于种种原因,这些信息的呈现、传递和保存最终成为了设计师和用户两方的痛点。强化表单的功能性,不仅需要更优秀的视觉设计,还需要强大的代码在后方支持,同时还得对用户有足够的了解。今天的文章,为你提供一些设计技巧,帮你提升表单的用户体验和转化率,希望对你有所帮助。

我们拿一个旅游门户网站的注册流程作为实例,帮你更好地理解这些技巧。也许这些技巧听起来很简单,但是魔鬼常常藏于细节,多加小心并不为过。通过这个注册流程实例,我们将会说明六个表单设计的实用技巧。

阅读全文>>

标签: 表单设计

评论(0) 浏览(285)

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

2017-8-15 用心设计

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

阅读全文>>

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

评论(0) 浏览(335)

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

2017-8-15 Daisy 移动设备ui及体验

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

阅读全文>>

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

评论(0) 浏览(289)

在UX表单设计中的浮动标签模式

2017-8-14 Daisy 设计理念

用户在填写表单时可能会犹豫,作为设计师应该尽可能地简化这个过程。

Image title


比较表单标签的所有趋势



输入模式首次改为浮动标签模式是在2013年8月。这个想法很简单——动画占位文本在输入旁边显示的是图标,以至于用户不会在当前坏境中迷失。


阅读全文>>

标签: 表单设计 浮动窗口

评论(0) 浏览(266)

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

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

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

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

阅读全文>>

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

评论(0) 浏览(396)

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

2017-8-5 Daisy 设计理念

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

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

阅读全文>>

标签: 表单设计 表格设计

评论(0) 浏览(319)

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

2017-7-27 蓝蓝 设计理念

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

1、梳理逻辑,保留必需

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

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

阅读全文>>

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

评论(0) 浏览(385)

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

2017-7-27 蓝蓝 设计理念

1

阅读全文>>

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

评论(0) 浏览(170)

16个优点告诉你,为什么表单设计应该用这个方法?

2017-5-23 浩浩 交互设计及用户体验

@可乐橙_ColaChan :2008年的时候,我在*Boots.com*工作。他们想做一个单页的结账页面,运用那个年代最新潮的技术,包括手风琴组件、AJAX和客户端验证。

每个步骤(寄送地址、寄送选项、信用卡详细信息)都收在一个手风琴面板中。而每个面板都通过AJAX提交。提交成功后,这个面板就会收起,并且通过滑动动画展开下一个面板。

看起来就像这样:

阅读全文>>

标签: 表单设计

评论(0) 浏览(396)

Powered by emlog 京ICP备12006971号-1 sitemap