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

未来的SEO:移动优先索引

移动优先索引是指谷歌首先将移动设备上的内容和网页排名放在首位,而不是桌面设备上的内容和网页排名。这意味着谷歌现在更重视移动设备上的网页内容和用户体验,因为越来越多的用户使用移动设备进行搜索。 移动优先索引的实现不仅仅是一个技术上的改变,它也代表着用户的需求的变化,因此它可能会对SEO策略产生深远的影响。 未来的SEO趋势将会更加注重以下几点: 1. 移动友好的网站设计:移动优先索引使得移动友

Public @ 2023-04-08 12:51:19

移动端优化图片的方法

1. 利用css3 媒体查询,根据屏幕大小调整图片大小。 2. 使用响应式图片的策略,将不同尺寸的图片放入不同的标签中,根据 CSS 的媒体查询,在移动端上使用'width'为'100%'的样式实现图片缩放。 3. 使用懒加载图片技术,可以有效地提高网站访问性能,减少首页加载时间,提升用户体验。 4. 要谨慎选择合适格式的图片,尽量采用jpg或者webp格式,减小图片资源大小,提升网页加载速度

Public @ 2023-02-24 02:24:22

移动端手机网站优化的11个注意事项

1. 快速加载: 移动用户的流量更有限,所以移动网站的加载速度很重要。 2. 手机友好布局和设计: 移动用户亲眼见到的是网站的布局和设计,因此移动网站需要方便浏览和使用。 3. 响应式布局: 移动网站必须使用响应式布局来适应所有移动设备,包括平板电脑和智能手机。 4. 简化导航: 移动网站应配有简洁的导航栏,使用户能快速找出所需信息。 5. 自适应图片: 移动网站中的图片应该自适应,这将使

Public @ 2023-04-16 12:00:40

移动端减少访问请求数的方法

访问请求数直接影响用户的浏览体验,请求次数过多会延长网站的打开速度,网站的打开速度直接影响了用户的跳出率。因此整理了减少访问请求数的方法,供大家参考。(1)、资源合并及压缩:比如将背景图片,导航图片等作为一张图片,这样只要一次请求,而不是多次。(2)、静态资源(CSS,JS,Image)懒加速。(3)、异步执行inline脚本。(4)、避免重复的资源请求。(5)、缩小Cookie。(6)、设置连接

Public @ 2019-11-22 16:20:33

更多您感兴趣的搜索

0.423206s