`

网页设计之---表单设计

阅读更多

 

 

网页设计---->表单设计

 

目标:

  • 搜集市场信息 如:新闻资讯注册表单
  • 引导客户完成某过程 如:服务选择向导
  • 完成一笔交易 如:资金从一个账户转移到另一个账户
  • 确认身份 如:账户登陆表单
  • 管理客户支持请求 如:故障报告表单

客户填写时的问题:

  • 我从什么地方开始填写
  • 填起来是否很容易
  • 填起来是否很费时间
  • 整个过程中是不是有很多步骤
  • 完成后得到的结果是不是值得填写这个表单
  • 页面是否安全?是否有可以泄露我的私人信息
  • 表单要求的信息量是否合适
  • 问题是否合理?我有必要在这儿回答吗?
  • 我的信息是否安全,保密吗?有多保密?
  • 我看不懂,页面上有没有解释
  • 不太喜欢在线填写,有没有别的办法
  • 我填写时遇到问题,如何得到帮助
  • 当我点击提交时按钮的时候,会怎么样
  • 我还要填写多少?

关键指标

 

      提交率

 

表单问题

 

  • 看起来很麻烦
  • 贪得无厌
  • 要填很久
  • 表单故障

设计要点:

 

  1. 注意力集中在表单区域(表单背后设置浅色背景,在表单周围加边框,表单区域加色彩使用箭头)
  2. 使用干净、简洁的布局(去掉所有没用的元素,清除字段和标签之间没有用的空白,文本可读性好,左对齐文本和字段区域)
  3. 删除不必要的字段
  4. 使用小礼品留住犹豫的访客
  5. 使用简洁、描述性强的标签
  6. 提供帮助和关联答案
  7. 允许估计值
  8. 尽可能多的默认字段
  9. 明确指示填写的步骤或时间
  10. 提供安全和保密措施
0
0
分享到:
评论

相关推荐

    【Web网页设计制作-毕业设计期末大作业源码】HTML5注册表单单页模板下载5114.zip

    Web网页设计制作-毕业设计期末大作业源码 Web网页设计制作-毕业设计期末大作业源码 Web网页设计制作-毕业设计期末大作业源码 Web网页设计制作-毕业设计期末大作业源码 Web网页设计制作-毕业设计期末大作业源码 Web...

    网页设计基础-14表单元素.pdf

    网页设计基础-14表单元素.pdf讲述了网页设计中表单元素的基础知识,包括创建表单、表单对象属性的设置、表单的递交方法等。下面是对该文档的详细解读。 首先,网页设计中表单元素的主要作用是实现浏览网页的用户同...

    网页设计作品--陈奕迅主题

    网页设计是一种将创意理念与技术实现相结合的艺术形式,它涵盖了从布局、色彩、字体到交互性的诸多方面。在这个“网页设计作品--陈奕迅主题”的项目中,我们可以深入探讨几个关键知识点,包括Dreamweaver的使用、...

    网页设计作业-登录界面表单的提交

    本项目"网页设计作业-登录界面表单的提交"聚焦于使用HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)这两种核心技术来创建表单并处理用户输入的提交过程。 HTML是网页内容的基础结构语言,用于...

    网页设计-第四讲-表单设计.ppt

    【网页设计-第四讲-表单设计】 网页设计中的表单设计是构建动态交互界面的关键环节,它允许用户在网页上输入数据并与服务器进行通信。本讲内容将着重讲解表单设计的基础知识,包括表单标签的书写格式、属性值的范围...

    学生dreamweaver网页设计作业成品-简单动漫网页设计

    学生dreamweaver网页设计作业成品,采用html+css布局,是学习网页设计不错的案例和源代码,希望对大家有所帮助 作品介绍 小黄人网页设计 5页 无js 带视频带音频 非常好看, 非常适合大学生网页设计大作业, 学生...

    爱上表单设计Fancy-Form-Design

    表单设计是网页和应用中至关重要的部分,它直接影响到用户与产品的交互体验。书中首先介绍了表单设计的基本原则,包括易用性、可访问性和可理解性。易用性强调设计应直观,使用户能快速理解如何填写和提交表单;可...

    网页设计必备-框架-按钮-图标

    网页设计是数字时代的核心技能之一,它涉及到许多不同的元素,如框架、按钮和图标,这些都是构建用户友好且视觉吸引人的网站的关键组成部分。本资源包聚焦于这些关键元素,特别是带有"破旧风格"的设计,这可能指的是...

    网页设计模板-酷炫设计师HTML5个人博客模板.zip

    网页设计模板是构建网站的一种快速方法,特别是对于个人博客来说,它们可以提供美观且功能丰富的起点。"酷炫设计师HTML5个人博客模板"是专为设计师打造的一款具有现代感和吸引力的网页设计模板,它充分利用了HTML5的...

    jsp网页设计----Servlet简化设计,逻辑与界面设计分开,开发更方便;

    JavaServer Pages(JSP)是Java技术在Web开发领域中的一个重要组成部分,用于构建动态网页。JSP的核心思想是将业务逻辑(Servlet)与用户界面(HTML)分离,从而提高开发效率和可维护性。 1. **JSP的概念** - JSP...

    网页设计模板-个性平面设计师作品展示html5模板下载.zip

    网页设计是IT行业中一个至关重要的领域,特别是在当前数字化时代,网站是企业和个人向世界展示自我、传达信息的主要窗口。HTML5作为最新的超文本标记语言标准,为网页设计提供了更为丰富的功能和更强大的交互性,...

    毕业论文-计算机-论坛设计-动态网页-PHP-MySQL+论文

    【毕业论文-计算机-论坛设计-动态网页-PHP-MySQL+论文】 本论文主要探讨了在计算机领域中,如何利用动态网页技术构建一个论坛系统,其中重点涉及PHP编程语言和MySQL数据库的集成应用。动态网页使得用户交互变得更加...

    网页设计作业-车友俱乐部模板

    页面布局在网页设计中至关重要,这个模板的布局可能采用了网格系统,通过`display: grid`或`flexbox`来组织内容,使得不同区域如新闻、讨论区、登录/注册表单等都能有序地呈现。此外,为了提高用户体验,可能还考虑...

    【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码H271.zip

    下面将详细阐述这三种技术以及在网页设计中的应用。 HTML(HyperText Markup Language)是网页内容的基础结构语言,用于定义网页的各个元素,如标题、段落、图像、链接等。HTML文档由一系列标签组成,这些标签告诉...

    《网页设计》-电子教案(1).rar

    《网页设计》是一门涵盖了网页布局、色彩搭配、交互设计、前端开发技术等多个领域的课程。这份"《网页设计》-电子教案(1).rar"压缩包文件,显然是为教学目的而准备的教学资料,旨在帮助学生和教师深入理解和掌握网页...

    html css js网页设计ntion-model-for-开发笔记

    标题中的“cnn-bi-lstm-attention-model-for-network-ids”可能指的是一个特定的机器学习项目,与网页设计的核心技术关系不大,但这个模型可能被用在网络安全监控上。CNN(卷积神经网络)和Bi-LSTM(双向长短时记忆...

    【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码H274.zip

    下面将详细阐述这三种技术以及它们在网页设计中的应用。 1. HTML(HyperText Markup Language):HTML是网页的基础结构语言,它定义了网页的内容和布局。在HTML文件中,开发者使用各种标签来创建文本、图片、链接、...

    HTML5+CSS3网页设计的特点及应用-网页设计论文-计算机论文.docx

    HTML5+CSS3是网页设计领域的重要里程碑,它们带来了显著的技术革新和设计可能性。... ... ...这两种设计方法的结合,极大地推动了网页设计的创新和发展,使得网页不仅更具视觉吸引力,也更加互动和易用。

    网页设计说明书

    ### 网页设计知识点详解 #### 一、网页设计的目标与要求 ##### 设计目标: - **亲身体验:** 通过实际操作,让学生深入理解网页制作的全过程。 - **创意发挥:** 强调学生的创新思维和个人特色在设计中的体现。 - ...

Global site tag (gtag.js) - Google Analytics