Web网站和移动APP设计的差异有哪些
来源:www.kubikeji.com 作者:酷蜂科技 2016-02-26
[摘要] 对于Web网站和移动App的设计,因为不同的设备以及平台均有各自的特点,在用户与界面交互、操作的方式不同、设备尺寸不同、使用环境不同等差异情况。
Web网站主要是以鼠标或触摸板为媒介,移动APP是直接用手指触控屏幕,为此其设计也有一定的差异点。
设计要点:
1、相比鼠标,手指触摸范围更大,为此需要竞争控制点击位置,也就是iOS人机交互规范中提到手指最合适的触控区域至少需要44 point的原因。
2、Web网站支持鼠标滑过的效果,为此一些tips提示通常采用鼠标滑过展开或者收起的操作方式,移动App则不支持这类效果。
二、设备尺寸不同
Web网站是针对不同PC的分辨率不同,浏览器窗口最大化的尺寸也不同。而移动App设备尺寸相对较小,同时不同设备的分辨率差异化较多,为此在涉及到过程中需要注重设备尺寸问题。
设计要点:
1、移动App的尺寸较小,一屏展示的内容有限,为此更加需要设计人员提供明确、有效的信息。
2、Web网站因浏览器分辨率差异较大、且窗口尺寸可变化,设计时需要确定好不同分辨率的内容展示和布局。
三、使用环境不同
Web网站是通常坐在某个室内、使用时间相对较长;移动App是既可能是长时间在室内使用、也可能是利用碎片化的时间使用。
特别声明:本文章链接https://m.kubikeji.com/gljs/appxt/201602265064.html以上文章内容由广州app公司酷蜂科技编辑上传。本站部分资源来源于网络,如有侵权请联系客服删除!