`

网页设计之---登录页的设计要点

 
阅读更多

1. 登录页的设计要点

访客的问题
        这是我想看的吗?

    看起来可靠和值得相信?

看起来足够有趣而值得花更多时间

我如何才能了解更多

我有兴趣,现在应该做什么呢?

要是那么做不舒服这么办

如果有我更多的问题我应该如何

目标

业务目标

本页面的目标

期望访客采取的行动

拓展营销

收集对某白皮书感兴趣的客户的联系方式

访客为了一份白皮书而注册

拓展营销

收集电子邮件用来推广新产品

电子商务

销售产品

点击“放入购物车”

病毒式营销

宣传公司,网站,产品及服务

访客发送链接给好友

树产品牌

愉悦已有访客,经已有访客推荐进而带来更多的访客,获得更高的在线广告销售额,最终卖公司给google

访客观看一段有趣的视频

 

关键指标

      转换率

特有的问题

必须融入到整个的销售周期

必须能够快速执行(形象大使)

较多的着次访客

 

设计要点

建立信誉

符合所在行业特征的专业设计

包含他人好评(第三方公司对你网站好评)

确保一切正常

简化和分离(主页上有您想展示给用户的所有东西,不要有别的东西存在)

弱化或消除导航(人们在访问页面时不是为了看你给提供什么,而是来寻找他们要的东西)

弱化品牌及其他标准网站元素(让位于你想展示的东西)

让登录页成为广告的拓展

提供广告所承诺的事项(广告承诺的东西必须在首页有所展示)

保持措辞与广告的行动呼吁一致

使用统一的图片和插图

保持语言和误气一致

为不用的受众提供细分的选项

面向访客群体的个性化

使用少而精的图片

为产品选择有效的媒体类型

用引人注目的信息激发兴趣和期望

使用客户语言

从获利、缘由或者相关方案方面来吸引顾客

只包含最重要的信息

兼容不同的阅读模式(关键字可以大写)

包含适量的信息

明确、明显和简洁行动呼吁

避免使用含糊或令人望而生畏的语言(马上购买,将你的个人信息发给我们)

提供备选的行动呼吁

主要行动呼吁

备选

“加入购物车”

“下载产品说明书”

“复查订单”

“有任何问题请在线联系我们的客服人员”

“现在就下免费试用版”

“观看示例”

“捐赠”

“讲一步了解我们的使命”

保持表单简洁

询问尽可能少的信息

让按钮更显眼,更像个按钮,足够的大,便于读取和点击,凸显重要的按钮

使用清晰、简练、引人注目的标签

清楚告知接下来会发生什么

直观地放置按钮

<!--EndFragment-->
分享到:
评论

相关推荐

    网页设计知识要点

    "网页设计知识要点" 网页设计是指通过使用HTML、CSS和JavaScript等技术来创建一个美观、实用和安全的网站。以下是网页设计的重要知识点: HTML * HTML是HyperText Markup Language的缩写,是一种标记语言,用于...

    一个简单的HTML网页(千与千寻电影) 大二学生网页设计与制作 电影主题作.md

    ### 知识点详解 #### 一、网页项目概述 - **项目背景**: 该项目是专为大学生设计的HTML网页设计课程作业,旨在帮助...通过参与这样的项目,学生能够更好地理解网页设计的流程和技术要点,为未来的职业生涯做好准备。

    中华传统文化题材网页设计主题:基于HTML+CSS设计放飞青春梦想网页【学生网页设计作业源码】

    这份源码示例涵盖了学生网页设计作业所需的基本知识点和技术要点。通过对这些知识点的学习和实践,不仅可以提高学生的网页设计能力,还能帮助他们建立起良好的编码习惯。希望这些知识点能够对学生完成网页设计作业...

    网页界面设计的一些要点

    ### 网页界面设计的关键知识点 #### 1. 使用单列而非多列布局 - **要点概述**:采用单列布局有助于用户更好地把握整个页面的内容结构,避免因多列布局造成的注意力分散,确保信息传递更为高效直接。 - **实践建议*...

    DIV+CSS学生网页设计作业9页面简洁大方

    网页设计是互联网时代不可或缺的重要技能,本篇将深入解析“DIV+CSS学生网页设计作业9页面简洁大方”这一主题,以及其背后所蕴含的技术要点。 首先,标题中的“DIV+CSS”是网页布局的核心技术。DIV是HTML中的一个...

    学生个人html静态网页制作 湖南美食(4页) 家乡美食网站设计与实现

    综上所述,这个HTML静态网页设计案例不仅涵盖了基本的HTML5语法和CSS样式表的使用,还涉及到了简单的表单设计、导航栏构建以及多媒体元素的应用,非常适合于帮助学生理解网页设计的基本概念和技术要点。

    网页设计要点.pdf

    网页设计要点.pdf 文件中涵盖了网页设计的多个方面,包括页面布局、颜色设计、图像处理、网页布局方法等。在以下内容中,我们将逐一对这些知识点进行详细的解释。 页面布局 页面布局是网页设计中的一个重要方面,...

    产品设计要点总结

    ### 产品设计要点总结 #### 第一章 指导原则——别让我思考:Krug可用性第一定律 - **核心理念**:“别让我思考”是斯蒂夫·克鲁格在其著作《Don’t Make Me Think》中提出的重要原则。这一原则强调的是减少用户的...

    学校网页设计成品 基于HTML+CSS+JavaScript仿山东财经大学官网 学校班级网页制作模板 校园网页设计成品

    本项目主要围绕HTML5、CSS3及JavaScript三大前端开发技术构建,旨在通过一系列具体的网页设计实例,帮助学生理解和掌握基本的网页制作技能。项目不仅覆盖了网页的基本结构搭建,还深入到了样式设计、交互功能实现等...

    dreamweaver网页设计实验指导书要点.pdf

    《Dreamweaver网页设计实验指导书要点》是针对网页设计初学者的一份详细教程,涵盖了从网站规划到网页动态效果的全过程。以下是该指导书的主要知识点: 1. **网站规划**: - 基本流程包括:网站规划、网页设计、...

    网页设计课程设计报告

    ### 网页设计课程设计报告相关知识点 #### 一、设计目的 - **系统设计的整体思想**: 强调在设计网页...通过实际操作,学生可以更好地理解网页设计的基本原理和技术要点,同时也能够培养解决问题的能力和团队合作精神。

    Dreamweaver网页设计 形考任务六

    Dreamweaver是由Adobe公司开发的一款专业级的网页制作软件,广泛应用于网页设计者,提供了直观的可视化界面和代码编辑功能,使得初学者也能轻松上手。 HTML(超文本标记语言)是网页设计的基础,它通过一系列标签来...

    网页设计的要点.pdf

    网页设计的要点.pdf 网页设计是一门复杂的学科,涉及到视觉语言、版式设计、色彩学、多媒体技术、结构设计、导航设计、下载时间、非图形内容、反馈机制等多方面的知识。本文将从网页设计的要点出发,探讨网页设计的...

    【网页设计】期末大作业:化妆品主题——绿色大气的html5响应式化妆品护肤品肌肤网页设计(11页)

    通过该项目的学习,学生可以掌握网页设计的基本流程和技术要点,同时也能够了解如何利用现代Web开发工具来提升工作效率。此外,项目中的实际案例也能够激发学生的创造力,帮助他们更好地理解理论知识并将其应用于...

    _以HTML 5 CSS3 jQuery为基础的响应式布局网页设计探讨.pdf

    响应式布局网页设计需要注意以下几个要点: 1. 结构元素设计:结构元素设计是网页设计中的重要一项,也是响应式布局设计中的重要组成部分。HTML5 技术可以克服网页设计在结构元素设计方面的缺陷,提高网页的响应...

    Java程序设计--复习要点.doc

    本篇复习要点主要涵盖了Java语言的基础知识,包括其特点、运行机制、程序开发流程、程序分类以及语言基础,如关键字、数据类型、运算符、语句结构等。 1. **Java语言特点**: - **简单**:Java设计时考虑了C++的...

    校园网页设计成品 学校班级网页制作模板 dreamweaver网页作业 简单网页课程成品 大学生静态HTML网页源码

    这些丰富的主题覆盖了多种应用场景,旨在满足不同学生群体的需求,同时也适用于各类网页设计作业或期末项目。 ### 二、网站描述 该项目为HTML静态网页设计作业,使用Dreamweaver进行制作。其特点在于采用了流行的...

    web网页设计—— 指环王:护戒使者(13页) 电影网页设计 在线电影制作 个人设计web前端大作业

    #### 二、网页设计的技术要点 - **技术应用**: - **Div+CSS布局**:这是一种常见的网页布局方式,使用`Div`元素来划分网页的不同区域,再通过CSS来设置这些区域的样式,如位置、大小、颜色等。 - **鼠标滑过特效...

Global site tag (gtag.js) - Google Analytics