如何构建一个优秀的移动网站?谷歌专家教你25招(四)[转]

news/2024/5/20 4:02:45/文章来源:https://blog.csdn.net/weixin_30505225/article/details/95763998

▌16、在需要选择日期的时候,提供一个可视化日历

当用户在移动网站上预定航班时,很难确定“下周的某一天”是几月几号,所以你需要提供一个可视化日历供用户勾选日期。这样用户就不需要离开你的网站,然后在打开手机上的日历App应用了。在选择开始和结束日期时,可以提供一个清晰的标签,以免用户把日期搞混淆。 

关键要素:当需要选择输入日期时,你需要提供一个可视化日历,而且要有一个清晰的日期结构,这样可以保证用户不会中断使用体验。

▌17、通过标签和实时确认,第一时间解决输入错误

在你的表格框内,要有提示标签功能,而且在用户实际输入时,可以看见必要且准确的提示信息。这里就有一个例子,用户曾经在一个电子邮件地址栏里面输入了自己的家庭住址,因为当时这一栏内的提示信息并不明确,只有一个“地址”标签。把提示信息放在输入框内也会存在问题,因为当用户点击准备输入时,提示信息就会消失掉,因此需要利用标签做提示。另外,如果用户在输入过程中,需要做到实时确认,否则一旦出错,就会反复提交,引起用户反感。

关键要素:使用清晰可见的标签,让用户知道自己的需要,实时验证输入错误,在最后正式提交信息之前帮助用户纠正。

▌18、设计高效的表格

你要确保自己设计的表格不会出现重复操作,只提供必输信息即可,另外你还需要利用自动填写功能。当用户在填写表格的时候,最好在屏幕顶部显示一个进度条,这样人们就可以知道自己的进展。如果表格过于复杂则会让人反感,相对而言,一个简单直接的表格会让人觉得很舒服。如果能搭配上自动填写功能,比如预输入用户的姓名和邮政编码,效果则会更好。 

关键要素:尽量减少表格中的数字输入,尽可能提供自动填写功能,使用一个清晰的进度条。

 ▌19、针对移动终端,整体优化你的网站

如果你有一个专门针对移动终端的网站,那么当用户使用移动设备访问时,肯定比纯桌面网站要简单的多,这点毋庸置疑。但是最难受的,就是把移动和桌面两个网站版本都混合在一起,用户访问起来比全桌面网站还要困难。

关键要素:如果你网站页面都是针对移动终端进行设计,那么使用起来会很便捷。

▌20、不要让用户用手捏放屏幕,去放大或缩小图片

如果用户需要用手捏放屏幕,去放大或缩小图片时,有时会看不到一些重要信息或相关的“行为召唤”内容,这会让用户感到很失望。在设计网站的时候,你就应该注意到这一点,不要让用户去改变网站尺寸。有些网站会把捏放屏幕功能取消掉,如果你的网站设计的非常合理,用户根本不会注意到没有这个功能。 

关键要素:如果用户放大某个网站图片时,有时可能会看不到一些“行为召唤”内容。在设计网站的时候,就要注意这一点。

 

[未完待续]

转载于:https://www.cnblogs.com/zjzkiss/p/3864187.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_848759.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

_00019 Storm架构介绍和Storm获取案例(简单的官方网站Java案例)

博文作者:妳那伊抹微笑 itdog8 地址链接 : http://www.itdog8.com(个人链接) 博客地址:http://blog.csdn.net/u012185296博文标题:_00019 Storm的体系结构介绍以及Storm入门案例(官网上的简单Java案例)个性签名&#x…

大数据实训05--网站离线日志分析实战

用户行为分析 是指在获得网站访问量基本数据的情况下,对有关数据进行统计、分析,从中发现用户访问网站的规律,并将这些规律与网络营销策略等相结合,从而发现目前网络营销活动中可能存在的问题, 并为进一步修正或重新制…

科研网站推荐

科研网站推荐学习网站综述参考文献科研工具实用工具流程图二维码学习网站 廖雪峰的官方网站国家自然科学基金委员会项目公布 综述 paper-digest :输入论文DOI号,AI生成文章介绍PAPER DIGEST :输入研究方向,AI寻找相关论文并将其…

快速搭建个人网站

目录宝塔简介tomcat购买云服务器下载与配置上传文件域名本次实验使用宝塔、tomcat等工具快速的搭建个人网站。 宝塔简介 宝塔Linux面板是提升运维效率的服务器管理软件,支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。 tomcat Tomc…

go语言学习网站大全

最近在学习go语言,搜集了一些学习网站,也有大量的面试题,及练手项目 分享给大家,一起学习 可以关注我的公众号:菜鸟内推 分享求职干货,大厂面经~ go语言系列 go Interview 语雀 https://www.yuque.com/go…

SEO

解释: SEO是由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”。SEO是指通过站内优化比如网站结构调整、网站内容建设、网站代码优化等以及站外优化。 关于SEO,严谨的定义如下:SEO是指在了解搜索引擎自然排名…

MVC.NET 发布后,部署到iis ,网站中的Bootstrap的字体图标不能正常显示

时隔多日没有在博客中记录自己遇到的问题及解决方案了 ,今天给大家分享一个可能会遇到的一个鸡肋bug ! 如果你的项目是MVC并且在项目中引用了 Boostrap 框架,你在编辑发布后部署到iis的时候,网站的boostrap 字体图标可能会变成框框了 &#x…

使用hexo+github免费搭建个人博客网站超详细教程

很多人都想搭建自己的博客,但是奈何技术有限,服务器部署,HTML,域名解析,等等,这一大堆东西可真有的折腾。 但是如果有这样一个机会,不需要太复杂的操作,不要服务器,不要…

selenium在爬虫领域的初涉(自动打开网站爬取信息)

selenium简介 Selenium 是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。这个工具的主要功能包括:测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。测试系统功能…

java开源网站

Java开源大全(www.open-open.com)收录最全,最新的Java开源软件,发布最新IT资讯,提供开发文档、技术经验在线分享平台。www.open-open.com/ Java开源软件 - 开源软件库 - 开源中国社区 开源中国社区(OSChina)共收录了 5810 款Java 软件... 共有5810款Java 开源软件,第1页Android…

Spring cloud实战 从零开始一个简单搜索网站_freemark 以及configserver的应用(二)

先来说下我的网站架构吧 前面大家也看到了 既然叫博客搜 自然是搜索 博客的 我把每个网站会抽象成一个Client (为了更好的学习cloud) 上面只是展示了主要部分 像Hystrix Ribbon Zuul等等就不画上去了 下面我们再建一个Client 选Eureka Server就可以了 修改…

如何使用postman访问网站

1、输入Request URL2、选择Request Method3、输入需要的Request Headers注意:一般token会在Headers中 转载于:https://www.cnblogs.com/jishugaochao/p/10192076.html

互联网网站架构升级----分布式环境的构建

随着网络流量爆发式增长,几百人维护一个项目将是一个可怕的噩梦,业务拆分势在必行。拆分的业务形成一个个独立的系统,系统间的协调又变成了一个棘手的问题,所以维护这些系统间协调关系的分布式环境组件将发挥至关重要的作用。 由于…

scrapy-redis案例(一)爬取中国红娘相亲网站

前言:本案例将分为三篇。 第一篇,使用scrapy框架来实现爬取中国红娘相亲网站。 第二篇,使用scrapy-redis 简单的方式爬取中国红娘相亲网站。(使用redis存储数据,请求具有持续性,但不具备分布式)…

scrapy-redis案例(二)爬取中国红娘相亲网站

前言:本案例将分为三篇。 第一篇,使用scrapy框架来实现爬取中国红娘相亲网站。 第二篇,使用scrapy-redis 简单的方式爬取中国红娘相亲网站。(使用redis存储数据,请求具有持续性,但不具备分布式)…

scrapy-redis案例(三)爬取中国红娘相亲网站

前言:本案例将分为三篇。 第一篇,使用scrapy框架来实现爬取中国红娘相亲网站。 第二篇,使用scrapy-redis 简单的方式爬取中国红娘相亲网站。(使用redis存储数据,请求具有持续性,但不具备分布式)…

python-scrapy模拟登陆网站--登陆青果教务管理系统(一)

前言: 第一篇,分析青果教务管理系统登陆模块,理清思路 第二篇,使用常规的python常用库 requests来实现模拟登陆 第三篇,使用scrapy来实现模拟登陆 目的在于了解模拟登陆网站的要点和方法,了解http请求的一些…

python-scrapy模拟登陆网站--登陆青果教务管理系统(二)

前言: 第一篇,分析青果教务管理系统登陆模块,理清思路 第二篇,使用常规的python常用库 requests来实现模拟登陆 第三篇,使用scrapy来实现模拟登陆 目的在于了解模拟登陆网站的要点和方法,了解http请求的一些…

python-scrapy模拟登陆网站--登陆青果教务管理系统(三)

前言: 第一篇,分析青果教务管理系统登陆模块,理清思路 第二篇,使用常规的python常用库 requests来实现模拟登陆 第三篇,使用scrapy来实现模拟登陆 目的在于了解模拟登陆网站的要点和方法,了解http请求的一些…

【问底】徐汉彬:大规模网站架构的缓存机制和几何分形学

【问底】徐汉彬:大规模网站架构的缓存机制和几何分形学 发表于18小时前| 2273次阅读| 来源CSDN| 14 条评论| 作者徐汉彬问底CDN缓存徐汉彬allowtransparency"true" frameborder"0" scrolling"no" src"http://hits.sinajs.cn/A1/…