手机网站怎样做简洁

简洁、易用、友好、直观。这些词语经常被提及，但在执行过程中经常被遗忘。这是因为软件功能的复杂性所导致的。一个复杂的界面会让用户不知如何操作。手机网站怎样做简洁？下面就来学习一下。

去除无用的功能

研究发现：80%的用户仅仅使用软件20%的功能。而那些没用的功能不仅浪费开发时间，也使得软件更加难以使用(这些功能对用户的阻碍作用大于有用价值)。软件试图尽力可以把任何事都做好。而一个成功的软件应是简练精干的，可单独智能化的解决单个问题。

精简的软件可通过削减功能得到。通过默认去除的方法判断一个功能是否有必要保留。将软件所有的功能进行真正的筛选。如果该功能不能帮助大多数用户完 成日常的任务，那么可以将其排除在外。删除功能是艰难的，当整理完毕后看到用户顺畅的使用软件。你就会知道多么值得去做这件事情了。才艺多，专业网站建设、网站优化、logo设计、品牌设计、印刷、APP/微信开发等产品服务，新上线企业VI设计套餐和网站营销推广系统(强)，欢迎新老顾客前来咨询!

隐藏复杂部分

如果实在无法去除某个复杂功能，那么就将其隐藏。通常情况下，不常使用的功能要比经常使用的功能占据更多的屏幕空间。而优秀的界面应该确保最常用的功能在最显著的位置，将不常用的功能隐藏。

当我们重新设计CMS系统时，我们无法去除一个复杂的功能：批量编辑功能。在之前的版本里，在主屏幕上有一整排的批量编辑按钮。约占据了屏幕30% 的区域，但我们发觉很少有人会用到此功能。我们的解决方法是，放置一个小图标并在旁边显示数值以示下拉列表里有几个选项。点击图标或数字则显示下拉列表。 通过这种方式节省了大量的空间，也不会干扰用户使用那些最基本的功能。

最小化视觉干扰

我们已经讨论了通过去除与隐藏的方式降低界面复杂性的方法。但减少“视觉感知”的复杂性也是很重要的。最小化视觉干扰将使得界面看上去易于使用。减少视觉干扰的两个方法是：空白与对比。

空白，是指介于各个元素之间的间隙。它应是你默认的布局工具。经典法则之一：如果可以使用空白就不要放置其他设计元素。如果用这种方式布局，你会很惊讶调整界面的空白就可以完成布局了。

虽然使用空白多多益善，但也要尽可能的保证有对比感。设计理论家“ddd”说：设计师应使用最小的视觉变化来表达想法。事实上这就是意味着元素之间要有主次感。

1.保证广泛的兼容性，在主流OS、浏览器中均可正常展现。

2.页面适配手机屏幕

3.页面专门针对手机屏幕设计:

页面随屏幕宽度变化，无横向滚动条

不放大时，能清晰浏览内容，文字大小不低于12像素

不放大时，按钮、链接等点击方便，按钮尺寸不能过大或过小

4.使用最多三级的页面结构

全站导航：快速到达各个频道

局部导航：在单个频道的首页、列表、详情页面间移动

相关链接：相关频道之间的链接

5.页面单列布局，重要内容显示在首屏

页面内容模块从上到下，单列布局，重要内容展现在首屏。

6.保证良好的可用性，页面内容无缺失，交互功能正常使用。不使用flash，使用html5来实现动画。

1、明确自己想在手机网站上展示哪些信息：

在手机网站制作之前应该明确自己想在手机网站上展示什么，分析一下可能的浏览者会有哪些，然后有针对性地策划和设计网站上的相关内容，这样才能做到有的放矢，不至于手机网站制作好了却没人浏览，或者浏览了不感兴趣。如果能做到有针对性的进行手机网站制作，通常手机网站在推广之后都会为企业带来一定量的潜在用户。

2、在手机网站制作时要尽量符合滑动屏幕的方式：

一般的手机屏幕，画面都不如桌上电脑那么大，尤其是阅读文字时更需要加以放大。即使智能手机具有网页放大缩小功能，但是观看起来也较为麻烦，因为网页放大后，很可能还要左右滑动才能浏览网页，浏览后还要缩小回原大小。因此在设计手机网页时，应能够以滑动屏幕的方式来阅读网页，因为滑动网页操作比着放大网页观看来要简单得多。

3、不能参照PC端网站来设计手机网站上的导航功能：

手机网页与跟一般的PC端网页不同，由于受到手机屏幕大小和屏幕操作的限制，在设计导航功能时应该按照手机屏幕来设计，不能完全照搬PC端网站，该简单的地方简单化，该去掉的去掉，同时在当阅读文章到最后时，要方便于用户回到最前头，减少卷动画面的机会，让网页变得更容易于移动设备上阅读。

4、手机网站制作也要考虑多种浏览器的兼容：

现在的移动浏览器能够处理大多数网站，一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种，比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器，如此多的浏览器在浏览网页的时候，如果手机网站的兼容性差，就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。因此，手机网站制作必须考虑到兼容于多种浏览器。

5、在手机网站制作时一定要减少用户文字输入操作：

现在智能手机一般都没有实体的键盘，或仅只有12键的电话输入功能，因此在输入文字上会比起使用电脑键盘麻烦得多。因此，减少使用者输入文字的机会，例如用户名、密码等，都是手机网站制作时要尽力避免的。

6、在手机网站制作时就应该考虑到日后的推广和宣传：

在手机网站制作时，不要忽略了用户体验，否则在日后的网站推广时将会遇到麻烦。任何一个手机网站，都必须经过广策划、设计和推广的过程，在手机网站制作时需要考虑日后的推广，手机网站应该在丰富站内内容的同时，提供详尽的产品信息以及联系方式，并收集有关产品的用户满意度和顾客需求方面的反馈信息。这样的手机网站上线后，其推广工作也会非常有效果。

7、手机网站制作要兼顾非触摸屏幕的设计：

虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。

8、在手机网站制作时要记得要简化网页内容：

一般的手机、平板电脑等移动设备，由于屏幕大小的限制，不易容纳下个人电脑的大容量的网页资讯，因此手机网站制作的首要一点就是减少网页内容，最好不用图片或是影音视频等，文字也应该精简，但要保持网页内容的可读性。只需要将最重要的资讯放入移动版网页，不太重要的内容内容，可以略去，或者通过超链接链接到新网页上。

9、手机网站制作要注重网页产品和服务的展示：

企业在手机网站上，需要表现的重点仍然是产品和服务的展示。移动用户访问企业手机网站往往是有备而来，想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示，可选择企业的主要产品，对其各类参数或价格加以详细说明，对于企业的新产品，也可以适当的加以介绍，必要时可以采用图文并茂的方式，但图片的体积应尽量小。

1、屏幕尺寸的问题

手机屏幕最大是5英寸，平板电脑是10英寸左右。而电脑进化到现在，至少也有17英寸。想象一下，原本适应电脑尺寸排版设计的网页，被压缩到只有1/3或1/4，整个画面上呈现的就是密密麻麻的页面，要选择任何一个内容或功能，就必须放大到2.5倍以上，不然别提做任何操作，连浏览内容都很困难。

2、CPU处理速度问题

手机在CPU方面也远不及电脑，Flash影片、精美大图片或大型动画，这些在电脑上能造成视觉享受的元素，手机用户却要花时间等待下载。

浏览不畅、不容易操作控制、开启网页速度极其慢，所有这些问题都能令用户疏远你的网站。

3、用户体验的问题

虽然可以通过放大来浏览网页，但为用户增加了麻烦，他们把页面区域性的放大，内容必然不完整，必须一边移动才能看到全部内容。如果碰到是用Flash制作的选择菜单、或是用Javascript制作的下拉式菜单，那就更糟了。用户无法在手机或平板上用指尖触控来选择菜单或超链接，而且很多手机已经不支持Flash动画，如果原本网站主菜单大量使用的话，可能会造成网页无法在手机/平板上正常浏览。