专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

移动端手机网站页面制作的25个设计要点

来源:小易整编  作者:小易  发布时间:2022-10-14 03:45
摘要:对于移动用户来说,往往很容易忘记菜单选项,因此,你应该把自己最关键的“行为召唤”内容放置在一个醒目的位置上,这样用户就能轻松看到。所以,你需要让最重要的“行为召唤”内容占据到网站的主体部分上,用户就能...

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

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

1-140505143H3R0

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

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

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

1-140505143K2460

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

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

21、你的产品图像需要支持大图显示

1-140505143Q5364

顾客想要看看自己买的产品。在零售网站上,用户希望可以看到分辨率更高的产品图片,这样可以看到更多细节,如果网站不支持产品大图显示,肯定会让用户觉得非常失望,关于这点我曾在的《如何通过修改CSS样式来增强平板电脑的用户体验》一文中跟大家做过详细的介绍,有兴趣的朋友可以看下。

提示:对于产品照片这些关键图片而言,需要提供高质量的特写图片。

22、告知用户在哪种屏幕方向上访问网站最舒服

1-140505143SXA

用户往往会在一个固定的屏幕方向上访问网站,除非有提示告诉他们切换屏幕方向(比如在观看视频的时候)。你可以设计网站的时候就考虑到垂直和水平两种屏幕方向的浏览方式,并鼓励用户切换到最佳屏幕方向上。但是无论如何切换屏幕方向,你必须要确保一些重要的“行为召唤”内容能够清晰的显示在网站上面。

提示:你可以和用户交流一下最佳屏幕方向,但是要确保重要的“行为召唤”内容保持在醒目位置上。

23、让用户保持在单独一个浏览器窗口里访问你的网站

1-140505143Z3A5

在智能手机上频繁切换窗口是一件非常麻烦的事儿,而且用户还有可能找不到如何回到你的网站上去。所以,要让用户在单独一个窗口里浏览你的网站。特别要提到的是,不要在新窗口打开“行为召唤”内容。

提示:要确保“行为召唤”内容在单独一个浏览器窗口里显示。

24、避免“全网站”标签

1-14050514392MD

用户一旦看到“全王权”这个选项,就会觉得是不是“移动网站”是被压缩的精简版网站,最终纷纷选择点击进入“全网站”。即便是桌面网站和移动网站的内容一致,也会给用户造成误解,因此,你完全可以用“桌面网站”标签,代替“全网站”。

提示:要给用户一个简单的网站切换体验,用“桌面网站”标签,代替“全网站”标签。

25、你必须要清楚自己为什么需要用户的地址信息

1-14050514403Q38

用户一般都希望了解,为什么你会向他们要地理位置信息。比如某用户在一家旅游网站上面订其他城市的酒店,但是他就感到很奇怪,因为这个网站会要求该用户提供目前所在的地理位置信息。所以,你需要把网站上地理位置这一栏默认为空,然后让用户自己选择,或是为用户提供一个清晰的“行为召唤”操作,比如“在我附近查找”,等等。

提示:你必须要清楚自己为什么需要用户的地址信息,要了解这些信息是如何影响用户体验的,再根据不同的要求来设计移动网站(不明白的朋友可通过的《Google移动网站设计原则白皮书:带给用户和驱动器的转换》来下载Google官方的白皮书来研究一下)。

另外,针对上述这25个要点,要全部进行一一改进的话,可能会比较多,也比较麻烦,对此谷歌公司用户体验研究员Jenny Gove特意总结了最重要的四点建议,分别如下:

1、 添加一个醒目的搜索条

如果你的移动网站还没有一个搜索条,那么真的需要赶紧添加一个了。“在移动终端上,人们希望能够快速找到自己需要的东西,因此我们发现,人们对搜索条的需求很大,而且最好能够放在主页上面。”Gove解释说道。

点评:当然啦,作为由谷歌发起的研究项目,推荐在网站醒目位置安装搜索条似乎并不让人感到意外。但实际上,谷歌公司发现,用户其实并不介意使用搜索条,因为这样可以让他们快速找到自己需要的信息。

2、 把大表格拆分成小块

马海祥发现,许多网站都会要求用户提供各种各样的信息,比如地址信息(寄送商品时需要),信用卡号(支付买单时需要),等等。而在填写这些信息的时候,网站往往都会提供一个长长的表格页面,上面有各种输入框,非常复杂。所以,如果能把这些表格拆分成更小,更容易理解的小块,效果可能会更好。

点评:最好能够显示表格填写的步骤,而且最好在填写时可以实时验证输入内容的正确性,比如用户在输入自己的邮政编码时,可以实时校验。

3、 允许用户匿名浏览

有些购物网站会要求用户必须注册或登录才能进行购买操作。而有些网站更夸张,必须注册或登录后才能进行浏览。这两种方式都是大错特错。

点评:如果你准备创建一个零售网站,如果用户没有注册帐号,那么完全可以为他们提供一个访客的身份。没错,商家都希望用户可以注册登录,但是他们完全可以在买单之后才进行操作。

4、 要支持设备之间的便捷切换

因为人们都是随时随地使用移动终端,因此很有可能在使用过程中被某件事情打断,然后转移到笔记本电脑上面工作去了。

Gove认为,最悲催的体验就是,当用户切换设备之后,无法继续自己之前的使用体验,如果让用户复制粘贴自己访问的URL,简直是太麻烦了。

最好的解决方案就是,移动网站可以提供一个快捷按键,然后自动把当前的链接,或访问内容发送到用户自己的邮箱里面,然后不管之后用户在什么设备上面登录,都可以继续自己的使用体验。

点评:谷歌通过用户研究,清晰的定位了构建移动网站存在的问题,虽然问题不少,但好在这些问题都能够被识别出来,而如果这些问题可以被人们写下来,就意味着,人们也有能力解决这些问题。


本文地址:营销网站建设频道 https://www.hkm168.com/web-yxwz/699094_2.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们处理,谢谢!

共2页 1 2 当前是最后一页

营销网站建设
小编:小易整编
相关文章相关阅读
  • 如何使用Vue技术进行移动端开发

    如何使用Vue技术进行移动端开发

    如何使用Vue技术进行移动端开发随着移动互联网的迅猛发展,移动端应用的开发变得越来越重要。Vue.js作为一款轻量级、高性能的前端框架,被广泛应用于移动端开发中。本文将介绍如何使用Vue技术进行移动端开发,并给出具体的代码示例。一、准备工作...

  • 什么是结构化程序设计

    什么是结构化程序设计

    结构化程序设计是一种使程序更加清晰、易于理解和维护的编程方法论。通过将程序划分为不同的模块,并使用控制结构来组织这些模块,结构化程序设计使程序的开发和维护更加高效和可靠,无论是初学者还是有经验的开发者,都应该掌握结构化程序设计的基本原理和技...

  • javascript中的设计模式有哪些

    javascript中的设计模式有哪些

    javascript中的设计模式有:单例模式、策略模式、代理模式、迭代器模式、“发布-订阅”模式、命令模式、组合模式、模板方法模式、享元模式、职责链模式、中介者模式、装饰者模式、状态模式、适配器模式、外观模式等。本教程操作环境:window...

  • pc端和移动端什么意思?

    pc端和移动端什么意思?

    pc端的意思是指个人计算机或者个人电脑,pc是一个具有广泛含义的词语,也是电脑的统称;移动端的意思是指通过无线网络技术上网接入互联网的终端设备,其主要功能就是移动上网,因此其十分依赖各种网络。pc端和移动端的意思:PC端:PC的英文全称是:...

  • 在线投票系统的设计与实现

    在线投票系统的设计与实现

    在线投票系统的设计与实现随着互联网的不断发展,在线投票系统成为了一种非常方便和高效的方式来进行民意调查和选举。本文将介绍在线投票系统的设计和实现,并附带一些代码示例。一、系统设计功能需求分析在线投票系统主要具备以下功能:用户注册与登录:用户...

  • UI设计主要学什么?

    UI设计主要学什么?

    ui设计是指对软件的人机交互、操作逻辑、界面美观的整体设计;ui设计中文名字叫:用户界面设计。ui设计作为时下热门高薪职业之一,其发展前景不言而喻,应用领域非常广泛,那么ui设计都需要学习什么呢?下面本篇文章就来给大家介绍一下,希望对你们有...

  • ux设计是什么

    ux设计是什么

    ux,指的是用户体验。一般而言国内ux设计师也称为交互设计师或ue设计师。ux设计师是设计人与信息产品的流程和关系,归根结底都要研究人、事、物的联系,它是一个囊括计算机工程、心理学、设计的交叉学科。本教程操作环境:windows7系统、De...

  • Java 中的架构模式和领域驱动设计技术

    Java 中的架构模式和领域驱动设计技术

    java是当前使用最广泛的编程语言之一,它不仅具有面向对象的特性,同时也提供了许多强大的架构模式和设计技术,其中领域驱动设计(domain-drivendesign,ddd)是一个非常流行的技术,并且在实际开发中有广泛的应用。本文将...

  • 周排行
  • 月排行
  • 年排行