集团成员单位
400-0365-370
首页 / 新闻中心 / 知识百科
知识百科

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

发布日期:2016-03-15  浏览次数:220

对于Web网站和移动App的设计是存在很大的差异,前者是依托于PC的浏览器,后者则是依托于手机以及平板电脑。因为不同的设备以及平台均有各自的特点,为此在产品的交互设计上具有很多差异点。

                                                

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


推荐新闻
行业资讯 / INDUSTRY CONSULTING官方动态 / COMPANY DYNAMIC知识百科 / knowledge媒体报道 / media