Categories


Tags


5个简单方法让网站对平板设备更友好

使用平板电脑的人越来越多,根据IDC的估计,2012年全球平板电脑的销售量就达到1.19亿台,但是专门为7-10寸屏幕设计的网站并不多。最近UX杂志在Mashable的刊登了一篇文章「 5简便的方法来您的网站的Tablet 」,编译如下:

在美国,有将近7000万的平板电脑用户,是2011年的两倍。这个国家有将近30%的网络流量来自平板电脑,2011年至2012年间电子商务网站来自平板电脑的流量甚至成长了。

方法都非常简单,见过简单的CSS修改,就可以让网站对平板用户更友好了。

5个简单方法让网站对平板设备更友好 移动互联网 网站设计 建站教程 第1张

什么是点击的“Tappiness”?

这些都能让使用者安心浏览。

5个简单方法让网站对平板设备更友好 移动互联网 网站设计 建站教程 第2张

5个简单方法让网站对平板设备更友好 移动互联网 网站设计 建站教程 第3张

你可以用自适应网页设计(Responsive Web Design)

但其实还有别的方法。

以下是几个改善使用者体验的小步骤,你一天之内就可以搞定。

改善网站的“点击”

只要对网站的CSS进行修改

1, 按钮扩大到45-57像素,使平板用户更容易操作。

5个简单方法让网站对平板设备更友好 移动互联网 网站设计 建站教程 第4张

2,确保带有提示链接,让用户知道这里可以点击。

5个简单方法让网站对平板设备更友好 移动互联网 网站设计 建站教程 第5张

3,如果版面设计上允许的话,为网站导览选单上的东西增加填充(留白),增加个5-10像素。

5个简单方法让网站对平板设备更友好 移动互联网 网站设计 建站教程 第6张

4,增加页面与内容区块的,适当留白

5个简单方法让网站对平板设备更友好 移动互联网 网站设计 建站教程 第7张

5,扩大评论框

5个简单方法让网站对平板设备更友好 移动互联网 网站设计 建站教程 第8张

综上所述,这样的网页设计一切原则都是让手指的操作更容易。

来源:卢松松博客


Public @ 2021-03-17 16:20:30

移动端网站建设如何提高资源的易用性

以下是提高移动端网站资源易用性的一些建议: 1. 移动优化 确保您的移动端网站能够良好地适应不同设备的屏幕大小和分辨率。提供一个移动友好的界面,使用户可以方便地浏览和访问资源。 2. 简化导航 在移动端网站中,导航很重要,但您需要注意的是,在小屏幕上,过多的导航选项很容易让用户感到困惑。因此,您需要尽可能简化导航,将其限制在最少的选项上。 3. 快速加载资源 在移动端网站中,快速加载资

Public @ 2023-05-26 06:00:16

如何在移动搜索中获得更好的排名

移动搜索中获得更好的排名方法:1、机器可读蜘蛛当前只能读懂文本内容,flash、Javascript、图片等非文本内容蜘蛛暂时不支持读取。尽量不要在重要的位置使用搜索引擎不能读取的元素,例如:标题、导航、内容等等。2、结构扁平网站结构要清晰,能使用户快速地获取有用信息,让搜索引擎能理解网站中的每一个页面结构层次。网站结构建议采用树型结构。3、网状链接大型网站采用的网站结构为树型结构。搜索引擎也喜欢

Public @ 2012-09-17 16:20:35

移动端网站SEO优化该怎样做?

过去几个月在问答社区回答了一些关于移动端网站优化的问题,发现很多移动SEO的问题涉及到用哪种架构做移动站。不少SEO貌似对独立移动站,也就是单独的m.domain站有不小的执念,认为独立移动站才是效果最好的。问答后台看到另一位读者“一条爱做梦的咸鱼”,也是问“新网站做移动SEO,使用m站还是响应式?”:您好,我在某个回答中看到了你的回答,有一些疑惑,您建议:“新网站,或者刚刚要做移动SEO的,最好

Public @ 2013-04-16 16:20:25

移动端网站建设如何提高资源的易用性

要提高移动端网站的资源易用性,可以采取以下几种方法: 1. 简化界面:移动屏幕相比于桌面屏幕较小,需要更简洁明了的界面设计。通过减少冗余信息、简化操作流程和提供清晰的导航,使用户能够迅速找到并使用所需的资源。 2. 响应式设计:采用响应式网页设计,使网站能够根据不同设备屏幕的尺寸和分辨率自动调整,以适应不同用户的浏览习惯和设备要求。 3. 快速加载:资源加载速度是移动端网站易用性的关键因素之

Public @ 2023-06-30 16:00:24

更多您感兴趣的搜索

0.411575s