童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

走出移动互联网的迷宫:网站移动化的方法策略

12月4日 萌嘟嘟投稿
  眼下,移动互联网正扮演着越来越重要的角色,无论开发者还是普通用户,几乎所有人都在谈论它。传统互联网用户所习惯的那些访问内容、使用服务的交互方式正在被智能手机、平板电脑等设备迅猛的改变。作为线上内容及服务的提供者,我们必须尽快进入这个新兴市场,学习新的游戏规则。
  愿望是好的,“移动化”的方式却会时常让人找不着北。究竟应该怎么做?开发一款iPhone或Android应用吗?还是为网站专门搞一套或N套适用于不同移动设备的设计方案?最重要的莫过于首先对自己产品的内容及功能进行正确定位,对移动化需求的程度进行合理的评估;在此基础上,尝试最适合自己的移动化方式。目前,有一些比较常见的思路可以供我们参考选择:
  什么也不做
  这确实是一种选择,而且没有听上去那么让人沮丧。
  使网站在桌面浏览器与移动设备中的渲染方式保持一致这种处理方式并非不可行,尤其是在缺乏各方面开发资源的情况下。对于iPhone或iPad一类拥有多点触摸等功能的相对高端的设备来说,用户多数已经习惯了、甚至乐于进行转屏及双指放大操作。何苦为了移动而移动的去为这些用户提供一个缩水版本的网站呢?
  这自然是再廉价不过的方案了。不过,平板电脑毕竟不是小型PC,智能手机也并非小型平板电脑,在很多方面,它们自身的特点都决定了独特的交互方式。如果想切实提升网站内容或功能在不同设备上的适应能力,单独开发移动版本显然是一条必经之路。
  响应式页面设计
  响应式页面设计的主要思路是,页面对浏览环境的尺寸所处的规格范围进行判断,并加载对应的预设样式方案,从而响应式的调整布局结构、内容元素的尺寸等。
  如果页面的内容结构与样式分离的足够好,那么这种方式是具有长远保证的,我们不需要为任何现有或将来的、拥有不同屏幕分辨率的设备面面俱到的进行单独设计开发。这种方式无论从交互设计还是UI视觉等方面,其实仍属于相对传统的页面设计开发模式,并不会增加太多的成本,可以说是一种性价比很高的选择。
  关于响应式Web设计的概念、组成要素、基本实现思路和开发方式等,可以参考之前的两篇文章:“什么是响应式Web设计?怎样进行?”以及“通过CSS3MediaQuery实现响应式Web设计”。
  Web应用(WebApp)
  通过对HTML5、CSS3、JavaScript或相关前端开发框架(Sencha、jQueryMobile等)的配合使用,我们可以创建出一种独特的页面内容呈现及功能使用模式,无论是视觉风格还是交互方式,它都更像应用程序,而非我们习惯于在桌面浏览器中看到的页面。
  任何安装了现代浏览器的设备都可以浏览使用Web应用,从这个角度讲,它具有一定的跨平台性。根据资源条件,你可以只做一款Web应用,也可以使用不同的UI元素风格为iOS、Android或是Windows打造不同的皮肤及相应的行为触发方式。
  然而,Web应用的本质仍然是页面,它依赖于浏览器环境。所以,虽然在外观和行为方面可以做到与原生客户端应用很相似,但从功能和用户体验的角度来说,它仍然是一种局限很大的方式。
  原生客户端应用(NativeApp)
  在内容呈现方式与操作行为方面,原生客户端应用与网站网页有着巨大的差异。这种方式可以挖掘移动设备的硬件与系统所蕴藏的各种技术功能,比如罗盘、陀螺仪、摄像头、存储介质(包括离线存储或云端)、NFC(什么是NFC?NearFieldCommunication,近距离无线通信、近场通信)等。
  原生客户端还可以给用户带来最流畅的操作体验,因为有一整套标准的原生UI组件和交互方式供开发者使用和遵循。
  相应的,这种方式的开发成本也是以上几种方案中最高的,无论技术能力还是开发时间等方面。而且,我们需要针对每种系统环境及设备类型进行独立开发。原生客户端基本不具备跨平台性。
  应该选择哪种方式?
  在制定网站产品移动化策略的时候,我们需要考虑以下几点因素:
  我需要客户端应用吗?
  无论Web应用还是本地原生客户端,它们主要适用于提供一种特定的功能,帮助用户完成特定的任务。如果需求是将企业站点或同类型的网站整体移动化,那么客户端应用并不是合适的选择。如果目标网站属于客户服务、电子商务、在线工具等类型,那么客户端的形式是值得考虑的。
  我需要客户端应用,但用户是否真的需要呢?
  我们必须了解我们的网站及产品的目标用户群,并且做切实的调研,了解主要用户群是否会通过移动客户端的方式使用我们的服务。
  不同的群体倾向于不同类型的设备,使用同类型设备的用户群体又需要根据不同的设备系统环境做进一步的划分,譬如iOS用户对AppStore的使用频率会高于Android用户使用安桌市场的频率。
  如果产品的目标用户群范围过大,那么除非我们有足够的资源来支持几条战线上的、长期的开发和维护工作,否则原生客户端未必是最好的选择。这种情况下,Web应用的方式是值得尝试的。虽然在用户体验等方面赶不上原生客户端,但是从平台适应性及开发成本的角度来说,整体性价比却不错。
投诉 评论 转载

可读性:优化文本长度Readability:theOptimalLineLengthBaymard。com版权所有作者:ChristianHolst译者序:直接捞干的来了!……巧用“核心数据像素”打造出彩的用户界面设计导读:更新一个网页界面,对其进行重新设计和包装可以有很多种不同的方案。作者RianvanderMerwe认为在重新包装过程中,要首先肯定网页的用户需求、展望市场的总体趋势,战略……浅谈网页设计中的色彩理论无可争议的是,色彩是任何设计领域中最重要的一方面。设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具,所有设……为什么网站项目只需测试5个用户人们总是认为,用户测试是一个复杂且代价昂贵的事情。一个网站设计项目需要一个庞大的预算和长长的时间表。其实,可用性测试并非如大多数人认为的是浪费资源的事情。在你可承受的测试成本范……从网站到移动客户端应用如果你一直以来从事着相对传统的交互、视觉等方面的Web设计工作,而如今开始打算扩展视野、提升技能、随“机”应变,做一名移动互联网的弄潮儿那么本文很适合你阅读。相关领域中的几位牛……如何开始第一场可用性测试相信每个产品设计者都希望自己能够打造出非常棒,贴合用户的产品,而可用性测试是对产品提升作用非常好的工具,可以为产品提供很多非常有价值的内容,让你可以恰当的在产品与用户之间找到一……Affordance(可供性)和设计iOS键盘为什么iOS的键盘如此出色,其他系统的虚拟键盘虽然在尺寸上基本超过iOS键盘,而它们的视觉体验还是操作体验相比之下显得像一团渣,为什么?在比较分析之前,先……走出移动互联网的迷宫:网站移动化的方法策略眼下,移动互联网正扮演着越来越重要的角色,无论开发者还是普通用户,几乎所有人都在谈论它。传统互联网用户所习惯的那些访问内容、使用服务的交互方式正在被智能手机、平板电脑等设备迅猛……浅析手机WebApp的交互设计HTML5为提高手机网页的体验提供了诸多的可能性,交互效果越来越接近原生App,故而成为WebApp,有望将APP功能引向浏览器,让移动平台的竞争由系统平台转向了浏览器之间。……线框原型(线框图)的本质及实践应用概述家里小猫生病,从周二开始一直折腾到现在,仍在治疗与观察中。几年来经历过几次这样的状况,虽然每次都会恢复健康平安,但一旦再次置身这样的过程里,怎样也无法停止焦虑与担心。除了尽心尽……分解预订流程之“别墅型”前段时间针对一些热门的预订类网站进行了研究,感觉大多数预订流程都离不开这3个基本类型,我把他们叫成“别墅型”,“管道型”,“菜场型”别墅型:所有的产品都在自己家的预订流程……手机网页也FashionHTML5交互亮点解析白底黑字,只有链接是蓝色的;段落隔行只能用十个“”来默默的表现;图片都小小的,没有边框没有细节,每逢图片旁边都戳着三个小小的字写着:“看大图”,而在用户心里这三个字基本约等于“……
投资人点评:这些在线创业项目值得做吗?60秒征服你的投资人除了好点子创业投资还需四大技巧创业者打动投资人的九个方面一位投资人的独白:寻找“创业基因”天使投资人最垂青具备洞察力的创业者拿了投资人的钱却打了水漂,都会有怎样的后果?当下最火的项目投资中的“星味道”公众对于天使投资最常见的5种误解投资者如何选择创业模式?创业者如何识别“黑天使”,寻找靠谱投资人如何看人下菜设计投资方案
Interfoam发泡材料提升汽车轻量化树叶儿鸟我家还缺啥野外就餐前需要做好哪些准备燕郊大厂香河8月份楼市报告学会腮红画法让脸型更加立体我爱方便面惊天魔盗团观后感我的心爱之物自行车扎克伯格的元宇宙VS库克的AR,国内创业者究竟该信奉谁?家乡的味道斯奥台尔《黑珍珠》的读后感(三篇)

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界