美文网首页
移动浏览器的设计

移动浏览器的设计

作者: Mel | 来源:发表于2013-10-06 15:00 被阅读0次

大家在PC浏览器市场激烈竞争的同时,在移动端,竞争也正如火如荼地进行着。
浏览器是互联网的入口,控制了入口,那么它就可以去潜在地去引导用户。

移动浏览器的设计:

  1. 夜间模式
    移动端浏览器不同于PC端浏览器,它需要提供除了互联网接入外,更适合移动平台的设计。由于用户需要在夜晚黑暗的情况下使用手机,为了增加用户体验,让用户更舒服地浏览,夜间模式就成了移动端设计的必备功能。

  2. 对页面的结构优化
    移动端的屏幕大小有限,那么它的浏览体验也必然不同于PC端,虽然新的HTML5技术可以对不同的平台进行优化,但是仍有大量的网站没用使用这些新的技术,为了更好地方便用户阅读内容,浏览器可能需要对网页的结构进行适当地调整,比如放大局部后,调整文字的码放。

  3. 无图模式
    在3G,4G网络还未完全普及的状态下,流量和网速成了限制用户使用网络的重要因素,所以移动浏览器端大都存在无图模式,这样可以为用户节省流量,也可以一定程度上提升页面的加载速度,是一种不错的权衡设计。

  4. 首页导航
    既然说浏览器是互联网的入口,那么怎么才能当好这个入口呢?除了直接输入网站,在首页设置网址导航应该是首选,浏览器默认的导航内容也会为企业带来一定收入。首页还会放置最近访问的网页链接,方便用户继续上次的操作。
    百度浏览器的首页设置非常值得一提,顶端直接设置百度常用的功能,如贴吧,百度知道等,中间多了一个摇一摇模块,以一种标签云的模式展示一些热门的帖子,问题,音乐和新闻等,摇一摇后可以更新内容。这个设计可以让用户花更多的时间留在浏览器上,去发现新的内容,不知道可不可以根据用户的数据为用户提供更感兴趣的内容。

  5. 全屏模式
    屏幕是一种稀缺资源,更大的屏幕意味着更多内容,所以全屏模式是人们对更大屏幕的潜在需求。但是我发现各浏览器的全屏设计是不一样的。例如海豚浏览器是,可以自己设置底部功能菜单的隐藏显示,而浏览大于一屏的内容时,浏览器会自动全屏。其他浏览器全屏模式之后,功能菜单被隐藏,大多数浏览器的设计是设置一个呼出键。UC的呼出键是可以移动的,其他的大都固定在中间底部,或者右下角。

  6. 功能扩展
    除了常规的网页浏览,还有很多功能性的扩展。
    a. 一种模式是通过安装插件或者应用,例如海豚浏览器和火狐浏览器,它们就采用了插件的模式,用户自主性较高,高端用户可以自己定义自己想要的功能来扩展浏览器,如save to pocket(稍后阅读)和页面截屏等。
    b. 另一种模式是将一些可能扩展常备功能直接整合到浏览器上,例如百度浏览器,在首页中加入了天气预报和阅读聚合的功能。第二种类型的功能扩展是针对大多数用户的基本需求提出,需要慎重的选择,否则只会成为鸡肋。百度的阅读聚合是个极好的功能,用户根据自己的喜好订阅内容,将阅读器和浏览器很好的整合了。
    其实,功能是个广义的概念,它的存在形式还有很多,或者说是称呼不同,如导航中的每个连接——查票的去哪网,购物的淘宝等。当然也可以称这些为应用,这与互联网功能化有关的,也和浏览器设定的产品概念中应用的定义有关。

  7. 书签同步
    用户大多都在自己的桌面浏览器中存放了书签,那么把已存在的书签同步到移动端就很有必要了,同时,当用户更换移动设备时也可以方便同步。但是除了海豚浏览器外,很少有浏览器能做到跨不同类型浏览器间的书签同步。

  8. 声音/手势控制
    声音或者手势控制是常规操作浏览器的一种扩展,也为了更好更快捷的访问内容或者使用浏览器的功能。但是这里有个使用习惯的问题,只有这种设计足够的简捷或者是人某种其他使用方式习惯的迁移,用户才可能去尝试使用。比如,像翻书一样去翻页面。
    海豚浏览器的象形手势(自己起的名字),更多地像是一种快速拨号,自定义手写形式,然后绑定特定的网站,使用手势前还要先点激活按钮,增加了用户的使用负担。
    而UC浏览器,采用的双指操作形式更人性化,向上关闭,向下新建,向左后退,向右前进,简捷,和人的意识也相似。

  9. 横屏,竖屏显示,锁屏
    因为用户可能从不同的角度手持设备,横向或纵向的观察内容,所以设置浏览器的横向和纵向显示就很有必要,当选定了一个方向后,还需要锁屏来保持方向。

总结:
一个好的手机浏览器,首先要具备以上这些必备的特点,然后从细节入手改善用户体验。甚至可以大胆一些,比如像百度浏览器那样将阅读聚合功能综合到一起,增加了新的内容获取,阅读形式。还有一些比较好的设计,比如将浏览器的下载和云存储结合在一起,方便管理同步下载内容。

移动设备屏幕越来越大,我发现浏览器没有照顾左利手(左撇子)的情况,在单持情况下,区分左右手可以让用户更方便的操作。比如打开多个标签,一般关闭在右侧,左持的时候变成关闭键在左侧。

相关文章

  • viewport

    背景 当我们比较移动浏览器和桌面浏览器的时候,它们最显而易见的不同就是屏幕尺寸。 为桌面浏览器所设计的网站在移动浏...

  • 移动浏览器的设计

    大家在PC浏览器市场激烈竞争的同时,在移动端,竞争也正如火如荼地进行着。浏览器是互联网的入口,控制了入口,那么它就...

  • 移动端H5页面的设计稿尺寸(上)

    由于HTML5和微信内置浏览器的火爆,移动端H5网页越发流行。在设计制作移动端网页的时候,你是否疑惑,这种网站设计...

  • 浏览器的移动端展示,移动端的设计

    Firefox: 快捷键:C+S+ “ M ” Chrome: 快捷键:F12 然后还有一句话: 设计要看逻辑像素...

  • 如何在浏览器中实时预览你的Adobe Xd设计稿?

    如何在浏览器中实时预览你的Adobe Xd设计稿? 不管是移动端UI设计师还是网页设计师,实时预览都是很必不可缺的...

  • 移动web开发_流式布局

    移动web开发流式布局 1.0 移动端基础 1.1浏览器现状 PC端常见浏览器:360浏览器、谷歌浏览器、火狐浏览...

  • 6. Bootstrap框架

    请简述Bootstrap的主要特色和缺点。 主要特色 移动设备优先 浏览器支持 容易上手 支持式响应式设计 开源代...

  • 【免费IT教程】分分钟掌握响应式布局

    响应式布局是当今流行的一个设计理念,随着移动互联网的盛行,为解决各式各样的浏览器分辨率以及不同移动设备的显示效果,...

  • 移动WEB开发

    了解移动端基础 浏览器移动端的浏览器大多都是基于webkit修改的内核,国内尚无自主研发的内核。所以,兼容移动端主...

  • 移动端适配

    目前移动端页面的载体主要是微信和浏览器,虽然2倍屏是按7501334的设计图做的,但是考虑微信/浏览器都有状态栏高...

网友评论

      本文标题:移动浏览器的设计

      本文链接:https://www.haomeiwen.com/subject/oyhqtttx.html