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

什么是自适应网站?自适应站点对百度友好设计

什么是自适应网站?指的是网页通过不同大小终端设备自适应显示,根据屏幕大小、宽度自动调整布局,自适应也可以叫响应式。自适应网站是HTML5的新技术。自适应网站的优点:1、在PC端、手机端和IPAD端都是采用一套代码。2、不需要另外申请其他的域名,一个账号码管理一个后台。3、有效避免网页内容重复,可以专心维护一个网页。4、网站优化更简单,对搜索引擎友好。自适应站点对百度友好设计1、applicable

Public @ 2011-05-13 15:20:31

移动SEO之页面优化

移动SEO主要考虑的是两个问题。一是采取哪种架构做移动网站,具体请参考移动SEO的三种方式选择。第二个问题是移动页面本身怎样做代码、用户体验、速度等方面的优化。这篇讨论的是第二个问题,移动页面的优化。大部分PC端页面优化技巧依然适用关键词研究、网站架构和URL设计、页面关键词布局、文案写作、导航及内部链接系统设计等大部分PC版网站优化技术依然适用。没必要把移动页面优化当成一个和PC页面优化完全不一

Public @ 2011-10-05 16:20:14

如何在移动搜索展现端获得良好表现?

以下是在移动搜索展现端获得良好表现的几个建议: 1. 网站的移动响应式设计:确保网站在移动设备上面的显示效果良好,速度快,并且易于浏览和导航。移动网站的速度和易用性是增加用户访问时长和返访率的关键。 2. 创建全面且特定的用户体验: 确保在移动搜索展现中,网站的主要信息不会被挤压,切合移动设备方便快速浏览网站。要将重点放在提高移动用户的体验感和满意度上。这包括使用图片和简洁精炼的文字来展示产品

Public @ 2023-03-31 04:00:42

手机端SEO应该怎么做?

作为一个语言模型AI,我无法亲身操作SEO,但我可以给你一些关于手机端SEO的建议: 1. 前端设计:在设计手机网站时,要考虑到不同设备的屏幕大小和分辨率。确保网站能够自适应不同尺寸的屏幕,同时页面加载速度要快。 2. 移动友好的内容:移动端浏览的用户对于内容的需求有所区别。用户在手机上阅读一些大段的文字会比较困难,因此应该注重内容简洁、易读,增加移动端特有的素材,如短视频、图片,以及手机APP

Public @ 2023-04-12 06:00:33

更多您感兴趣的搜索

0.438383s