管理与技术

Web网站和移动APP设计的差异有哪些

浏览 来源:www.kubikeji.com 作者:酷蜂科技 2016-02-26
[摘要] 对于Web网站和移动App的设计,因为不同的设备以及平台均有各自的特点,在用户与界面交互、操作的方式不同、设备尺寸不同、使用环境不同等差异情况。
    对于Web网站和移动App的设计是存在很大的差异,前者是依托于PC的浏览器,后者则是依托于手机以及平板电脑。因为不同的设备以及平台均有各自的特点,为此在产品的交互设计上具有很多差异点。

 Web网站和移动APP设计的差异有哪些
    一、用户与界面交互、操作的方式不同
 

    Web网站主要是以鼠标或触摸板为媒介,移动APP是直接用手指触控屏幕,为此其设计也有一定的差异点。
 
    设计要点:
 
    1、相比鼠标,手指触摸范围更大,为此需要竞争控制点击位置,也就是iOS人机交互规范中提到手指最合适的触控区域至少需要44 point的原因。
 
    2、Web网站支持鼠标滑过的效果,为此一些tips提示通常采用鼠标滑过展开或者收起的操作方式,移动App则不支持这类效果。
 
    二、设备尺寸不同
 
    Web网站是针对不同PC的分辨率不同,浏览器窗口最大化的尺寸也不同。而移动App设备尺寸相对较小,同时不同设备的分辨率差异化较多,为此在涉及到过程中需要注重设备尺寸问题。
 
    设计要点:
 
    1、移动App的尺寸较小,一屏展示的内容有限,为此更加需要设计人员提供明确、有效的信息。
 
    2、Web网站因浏览器分辨率差异较大、且窗口尺寸可变化,设计时需要确定好不同分辨率的内容展示和布局。
 
    三、使用环境不同
 

    Web网站是通常坐在某个室内、使用时间相对较长;移动App是既可能是长时间在室内使用、也可能是利用碎片化的时间使用。
标签Tags:APP设计

相关文章

随机阅读