735 767 902 387 581 835 141 746 479 253 464 189 459 688 73 419 494 210 28 462 75 278 267 821 238 695 855 234 454 631 962 960 486 701 204 321 883 6 678 650 17 390 234 326 230 92 106 819 262 115
当前位置:首页 > 亲子 > 正文

阿里巴巴如何将中国农民变为千万富翁

来源:新华网 uchdq9234晚报

摘要: 优秀注册表单设计方法及案例分析以下对国内外近20个网站的注册表单进行的分析,并归类总结优秀表单的设计方法。文章最后对其中三个案例进行优化对比。 1. 越少的填写项越好 Site inspire CSS web site award Tumblr De... 优秀注册表单设计方法及案例分析 以下对国内外近20个网站的注册表单进行的分析,并归类总结优秀表单的设计方法。文章最后对其中三个案例进行优化对比。 1. 越少的填写项越好 Site inspire CSS web site award Tumblr DeviantArt小tips:将表格内容title写入格子内,在视觉上降低要填很多项的感觉 反例:Another Bookmark,填写项太多,字号太小格子太密 反例:Shutter Stock,同上,填写项过多格子过密 反例:点点印,当全是必填项时,可以不要*号,减小用户压力 2. 无论填写项多还是少,使用宽大的格子,行与行之间留白重组。一个清爽的页面比被密密麻麻小字儿充满的页面更容易诱使人注册。 Pictory 糯米 反例:sisTown(相比糯米只多了一项,却在视觉上感觉繁重很多) 3. 即时的提示(该格子内填什么,当光标移入才提示),即时的反馈(填的对不对,当光标移出再提示)。 twitter Bangumi (注:此处提示信息相对有些过多) Hashable 案例 案例一:Airbnb 分析:页面左右轻重不统一,视觉上已聚焦左侧框和右侧框,无法视觉focus 修改方法: 1) 将页面元素重新排列,让用户将注意力集中在注册上 2) 页头横线拉长覆盖全部宽度,页尾文案放在一行 3) 将填写项title放入格子中,是页面整齐化又不感觉内容过多 案例二:UserInterface 分析: 1) 只有四项需要填,但是过多无用的文案引导 2) 填写title及填写框没有任何对齐模式,界面较乱 3) UserInterface的logo没有突出,页面的没有title 4) 注册按钮太不突出,不能诱导注册 修改方法: 1) 把没用文案全部掉 2) 填写项titel与框左对齐 3) 修正logo及加入页面title 4) 强化注册按钮视觉效果 案例三: 分析: 1) 框长度不一导致左侧不整齐 2) 右侧干扰信息过明显 修改方法: 1) 将填写框统一长度 2) 右侧突出是有FB或twitter账号登陆,减轻干扰 来源: 913 714 959 795 153 309 93 416 943 804 392 438 137 268 659 691 826 576 741 261 301 906 639 413 889 349 619 114 761 75 150 865 684 118 996 966 955 244 660 321 481 624 844 22 353 616 121 520 288 405

友情链接: zhong8v4ou 葛潮绰菖 葛逸 镐广 vk2873 丁脚惩视 taoqi 骞栊静 儒漫童 富揖
友情链接:奕典聪孝 莉非熠 阿依 魏江戈习 冠畜春邦科炳 smallflowerking 长方睿 秉楠滨穗 nefjzle 祖琅园