国强网络,专业泰安网站建设公司,专注于营销型网站建设/手机网站建设/微信营销/等服务,是值得您信赖的泰安网络公司。

0538-8203132

免费咨询热线:

136-7868-3132(韩经理)
152-6984-7585(焦技术)

当前位置:网站首页 > 网络知识 > 手机网站 >

从交互设计角度 聊聊WEB网站和移动APP的六大差异

来源:泰安国强网络工作室  发布时间:2016-02-15 14:59  所属分类:手机网站  点击:

手机网站

  泰安国强网络做交互设计近4年,参与过Web网站和移动App的设计,前者依托于PC的浏览器,后者则是依托于手机/平板电脑。不同的设备/平台均有各自的特点,以至于在设计这两类产品时也有些许差异。

  今天就从交互设计的角度,聊一聊Web网站和移动App有哪些不同之处、以及需要考虑的设计要点。

  一、用户与界面交互/操作的方式不同

  Web网站:以鼠标或触摸板为媒介,多采用左键点击的操作,也支持鼠标滑过、鼠标右键的操作方式。

  移动App:直接用手指触控?#32842;唬?#38500;了最通用的点击操作之外,还支持滑动、捏合等各?#25351;?#26434;的手势。

  设计要点:

  1、相比鼠标,手指触摸范围更大,较难精确控制点击位置,?#28304;薸OS人机交互规范中提到手指最合适的触控区域至少需要44 point。所以移动App的点击区域要设置的更大一些,不同点击元素的间隔也不能太近。

  2、Web网站支持鼠标滑过的效果,一些tips提?#23601;?#24120;采用鼠标滑过展开/收起的交互方式。在移动App则不支持这类效果,通畅需要点击特定的icon来收起/展开提示。

  3、移动App支持的丰富的手势操作,?#28909;?#36890;过左滑可看到你可能需要的快捷操作“取消关注”、“删除”,这类操作方式的特点?#24378;?#25463;高效,但对于初学者来说有一定的学习、获知成本。我们在合理设计这些快捷操作方式的同时,还需要支持最通用的点击方式来完成任务的操作路径。针对手势操作学习成本高的问题,一些App常通过新手引导的方式来教用户。

  4、移动App以单手操作为主,界面上重要元素需要在用户单手点击范围内,或者提供快捷的手势操作。

  从交互设计角度 聊聊WEB网站和移动APP的六大差异

 

国强工作室网站案例
国强网络-我们用心做好每一个网站
----- 责任编辑:国强网络-焦
本文地址:http://www.wgdll.tw/zhishi/sj/83.html(国强网络版权所有)转载请注明出处
本文标签:泰安app开发  
国强工作室栏目导航

手机网站

手机网站知识
联系国强网络
网络首页|营销型网站|手机网站|微网站建设|网络营销|客户案例|新闻动态|网络知识|关于我们|联系我们

国强网络标志

国强网络微信二维码

联系电话:0538-8203132 服务热线:13678683132(业务) 15269847585(技术)
泰安市龙?#30001;?#36152;大厦3号楼313室 ?#26102;啵?71000
Copyright & 2015-2020 泰安国强网络工作室 版权所有 鲁ICP备15029540号-2
返回顶部
11选5号码分布图电子版 体彩浙江6十1开奖号码查询 时时彩官方开奖 疯狂维京海盗APP下载 彩票天津11选5开奖查询 捕鱼来了积分兑换 ac米兰切沃直播 曼联vs皇马 英雄联盟日服 北京快乐8开奖号 冰球突破援彩金