您所在的位置: 首页>行业资讯>菏泽Web版网站建设与APP设计之间的不同之处

菏泽Web版网站建设与APP设计之间的不同之处

发表于:2021-10-17 阅读:0 关键词: Web 网站建设 APP 设计 间的 不同 之处 网站 设在 行业新闻
网站建设以不同的方式在不同的设备上实现,但是当大多数公司选择在移动终端上建设网站时,他们宁愿开发APP。 实际上,网站建设和APP设计之间有什么区别? 轩you菏泽建设专业网站已有十年之久。 他参与了网站和移动应用程序的设计。 前者依赖于PC浏览器,而后者则依赖于手机/平板电脑。 不同的设备/平台具有各自的特征,因此这两种产品的设计存在一些差异。 今天,从交互设计的角度,让我们谈谈网站和移动应用程序之间的差异,以及需要考虑的设计要点。 I.用户与界面/操作交互的方式不同 网站:以鼠标或触摸板为媒介,大多使用左键单击操作,还支持鼠标悬停和右键单击操作。 移动应用:直接用手指触摸屏幕。 除了最常见的单击操作外,它还支持各种复杂的手势,例如滑动和收缩。 设计要点: 1.与鼠标相比,手指的触摸范围更大,更难精确控制点击位置。 因此,iOS人机交互规范中提到的最合适的手指触摸区域至少需要44个点。 因此,应将移动应用程序的点击区域设置为较大,并且不同点击元素之间的间隔不应太近。 2.该网站支持鼠标悬停的效果。 一些技巧通常采用鼠标悬停的交互模式来展开/折叠。 移动应用程序不支持这种效果,您需要单击特定的图标以折叠/展开提示。 3.移动应用程序支持的丰富手势操作,例如向左滑动即可查看您可能需要“取消”的快捷操作“跟随”和“删除”这种操作的特点是快速有效,但是对于初学者来说具有一定的学习和学习成本。 在合理地设计这些快捷方式的同时,我们还需要支持最常见的click方法操作路径以完成任务。 鉴于手势操作学习的高昂成本,某些应用程序经常通过新手指导来教用户。 4. Mobile App主要由一只手操作,并且界面上的重要元素需要在用户的单手单击范围内,或者提供快速的手势操作。 二,设备尺寸不同 网站:不同的PC具有不同的分辨率,浏览器窗口的最大尺寸也不同; 浏览器窗口可以缩放。 移动应用:设备尺寸较小; 不同设备的分辨率差异更大,尤其是Android; 它支持水平和垂直屏幕旋转。 设计要点: 1.移动应用程序的尺寸很小,在一个屏幕上显示的内容是有限的,有必要弄清哪些信息更重要,有效地“组织”相关内容,突出显示高优先级内容,并适当地“ 隐藏”的次要内容。 。 2.由于浏览器分辨率和网站窗口大小差异很大,因此在设计时需要确定不同分辨率的内容显示和布局。 也正是由于这一点以及webapp的浏览需求,近年来响应式设计更为普遍。 3.由于设备分辨率和dpi大小不同,因此移动应用必须在界面布局,图片和文本显示中考虑不同设备的影响。 它要求设计人员和开发人员共同努力进行改编工作。 4.由于移动设备支持水平和垂直屏幕显示,因此我们正在设计移动应用程序(例如游戏和视频播放界面)。),则需要考虑用户是否需要“朝另一个方向看”,在什么情况下切换屏幕方向,如何切换等。 三,使用环境不同 网站:通常坐在室内并使用相对较长的时间; 移动应用:可以长时间在室内使用,也可以零散地使用,或者以不同的姿势站立,坐下,躺下或行走; 设计要点: 1.使用网站时,用户会更加专注; 2.使用移动应用程序时,用户容易受到周围环境的影响,并且可能不太容易注意到界面上显示的内容; 长时间使用比较适合安静浏览,使用零散时间用户可能没有足够的时间,每次浏览的内容是有限的,“稍后阅读”和“收藏夹”等功能更加实用; 用户在移动过程中更容易滥用它们,因此有必要考虑如何防止滥用以及如何从错误中恢复。 四,网络环境不同 网站:网络相对稳定,基本上不必担心流量问题 移动应用程序:由于用户环境复杂,因此在移动过程中可能会从平滑的环境变为信号较弱的封闭环境。 网络可能会因状态的不同而有所不同,从快速到缓慢都会有所不同。 它可以使用WiFi而不用担心流量,也可以使用它来控制3G / 4G的流量。 设计要点: 1.在移动应用中,网络异常更为常见。 在这种情况下,应更加注意错误提示以及如何从错误中恢复。 2.行动应用程式对于3G / 4G,用户会更加注意流量。 对于需要大量流量的操作,需要提醒用户继续获得用户的许可。 五,不同的通知方式 网站:关于浏览器的通知中心,用户使用不多,很难激起用户 移动应用:向用户推送通知非常常见。 设计要点: 在移动应用程序中,通知可用于及时提醒用户一些重要信息,但也有必要考虑到用户关闭通知后,用户仍然可以不受阻碍地使用它们; 因为“通知”功能对用户更重要,所以设计人员需要考虑如何使用户更容易“打开通知权限”。 第六,基于位置的服务具有不同的精度级别 网站:定位功能一般获取当前城市 移动应用:可以更准确地获取用户的当前位置 设计要点: 移动应用可以合理地利用用户的位置为用户提供一些服务。 例如,地图类别可以搜索从“我的位置”到目的地的路线,而生活服务类别可以查询我的位置附近的食物,购物中心,电影院等。 此方法使用户免于手动输入当前位置。 智能。 通常,通过网站建设的Web版本和APP设计可以实现的企业营销目标基本相同,最重要的是要了解公司本身的需求。 至