表单是由许多细小的元素所组合而成的集合体,标题和输入框的排列方式有着重要的地位,标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢? 标题和输入框常见的排列方式 1. 放在输入框左边,而且靠左对齐 2. 放在输入框左边,但是靠右对齐 3. 放在输入框上面 4. 放在输入框里面 排列方式的比较 到底这四种排列方式有什么不一样呢?其实这些排列组合最大的影响都在于用户视线的移动,在第一种排列方式中,用户的视线先看到标题,由于靠左对齐的缘…
表单是由许多细小的元素所组合而成的集合体,标题和输入框的排列方式有着重要的地位,标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢? 标题和输入框常见的排列方式 1. 放在输入框左边,而且靠左对齐 2. 放在输入框左边,但是靠右对齐 3. 放在输入框上面 4. 放在输入框里面 排列方式的比较 到底这四种排列方式有什么不一样呢?其实这些排列组合最大的影响都在于用户视线的移动,在第一种排列方式中,用户的视线先看到标题,由于靠左对齐的缘…
大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里我总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, …
作为用研,我们经常在可用性测试时听到用户说:“啊?我没注意啊!” 一个操作后,页面弹出一个对话框告知用户操作成功,反馈够明显了吧?用户说:“啊?怎么没反应?” 一个为了用户操作便捷而设计的常用操作入口,简约的视觉与背景区别开来。可用户还是一次次冗余操作,问及则说:“啊?我没注意到啊!原来这个可以直接写说说的?!” 一个新功能上线,网站主页导航上新增了一个模块,改版够大了吧?用户说:“啊?我没看出有什么变化啊。” 每次听到…
1、长文本使用标准字号。用户不想点击“放大”、“缩小”按钮,也不想更改浏览器的设置。用户想马上就开始阅读,希望你能适应我的设置,而不是反过来让我更改设置来适应你; 2、主动留白。在文本周围留出足够的空间可以减少阅读时的压迫感,因为这样读者更容易将焦点集中在内容本身; 3、友好的行高。HTML的默认行高过小。如果你增加一些行高,文字会更具易读性。140%标准行高是一个不错的标准; 4、鲜明的色彩对比。这一点我觉得没必要多做赘述了,但过于强烈的对比(纯黑纯白)也不合适,因…
引言 每一天从我们睁眼开始,我们就开始不断地接收着这个世界传递给我们的各种信息,海量的信息不断地充斥着我们的眼球、大脑。如此庞大的信息库,我们平时都在看什么呢?不知道各位有没有这样的经历,走在大街上,你最容易被什么样的人群所吸引呢?毋庸置疑,必然是精心打扮的女生! 接下来我们来看个“栗子”,逛超市的时候,满是商品的货架上,如图 你会关注哪个商品呢?我相信,我们的大脑永远在选择最简单、最直接的、最特别的呈现形式的事物,因为这些信息不需要经过大脑的转换,够直观!不知道各位,小时候有没有看过寓言故…
一、简介 动线设计? 被广泛应用于卖场或建筑内部的人流规划,主要是通过合理的设置通道宽度和路线,以达到主动线和辅助动线的自然衔接,让所有的铺位都处于人们的行进路线上和视线范围内,避免中途折返、死角和盲区,尽可能地消除用户产生的购物疲劳感,让顾客在卖场停留的时间尽可能长一些,以最大限度以愉悦的心情地逛遍卖场的所有商品。 经典案例:宜家(IKEA)的卖场设计 宜家的卖场是非常经典的,顾客在从进入开始就被“导线”默默地引导着走完所有角落,你从入口进去就被唯一的一条曲折回转主路依次引入…
1)调整后的毛边 当对一个位图的大小进行调整后,正常情况下会留下1px的毛边(如果你注意的话),边界会变得模糊,如果继续调整模糊度会加大,这个问题太不起眼了,以至于你无法用肉眼来理绘,我们先用商品图片举例子: 也许单张小图还不够显注,下面对比一个列表图和大图,当然了除非你故意想要这种效果。 放大2倍后对比 放大2倍后对比 另外不要试者调整带有边框的图片,最好是自己绘制,这个面两张对比图不用放大就能全面看到问题: 2)关于边框和背景 有些区块需要用边框装饰点缀得醒目一点,有文字区块图片区块等,文字区块加边…
利用Ajax技术来检测用户名是否存在的原理流程图: 最终结果截图: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> …
今天碰到需要同时处理多个相同表单内容的问题,怎么才能将这些表单内容同事取出来呢?挨个获取吗?这样似乎也行,但是后面执行起来会比较复杂,网上看了些这方面的处理方法,下面来看看 <html> <head> <script language="javascript"> function check(){ var bm_num=0; …