网页设计和开发行业告诉我们,网站需要先创建移动设备。从您的智能手机开始,设计移动格式,然后在平台大小和尺寸上移动到桌面。在芊雅企服我们已经通过两种方法找到了成功:桌面到移动设备以及移动设备。
一个问题,两种方法
采取台式机的第一种方法可能会更加困难。开发人员需要总是考虑移动设备尺寸的后果。因此,手机的体验至关重要。我们问自己如何看大小的时候。虽然我们从来没有遇到任何无法解决的问题,即时尚的小部件或复杂的下拉菜单,我们可能必须改变功能,以使一切更加移动友好。桌面版本可能具有某些功能,而移动功能则被隐藏,反之亦然。太多这可能会对网站造成影响,需要与设计和用户体验平衡。
该项目决定了我们将采取哪种方式。重要的是我们知道我们的客户。他们正在试图达成什么目标,特别是他们的需求?当然,要知道他们的买家角色。随着移动设备越来越多地成为我们日常生活的一部分,我们要满足这一需求。然而,例如,工业泵制造商可能对智能手机等移动设备的需求较少,因为他们的观众主要是在工作中使用台式机的工程师。因此,用户界面对于其站点的桌面版本而言更为重要。
我们都有先入为主的观念和观点,有时我们必须说服客户投资回应设计的必要性。有人可能会来找我们说,智能手机是一种会被其他东西所替代的时尚,或者他们的网站只能在桌面上被访问,因为这是他们所做的。然而,通过指出,查看他们的分析证明,其25%的网络流量来自移动设备,并且这种趋势可能只会增加,应该说服他们,响应式设计是要走的路。
移动设计提出了两个常见的挑战,它们完美地说明了开发者在做出网站响应时所面临
电子商务
大多数电子商务网站的可用性和网站导航在网页设计和开发中都是与其他网站一样的关注。然而,庞大的库存量较大的电子商务网站,多个购物车以及永久延伸的产品菜单都带来了独特的挑战。大多数产品都有缩略图,当您将鼠标悬停在其上时需要显示。当您设计移动设备时,您需要更改显示方式。悬停交互需要仔细考虑。每个类别可能需要额外的子类别。客户需要注意,您可能需要引入多次点击才能正常显示所有内容。
滚动
总是需要考虑滚动菜单。设备处理此功能不同。在Android和IOS之间,不同的Java脚本会在两种类型的设备之间产生问题。我们已经看到刷新两种设备的问题。他们根本没有做出相同的反应,所以考虑到两个设备之间的差异至关重要。例如,移动设备使长列表变得更容易。您可以按需要向下滚动。这是侧面滑动,可以造成一些头痛。大多数插件针对IOS进行了优化,根据我的经验,可能会导致Android上的用户体验问题。
移动设备有一定挑战。物体如何缩小?比例变化?如果有文字的图像,你可以在智能手机上阅读吗?我们可能需要创建不同的移动版本的客户端的网站概念,以保持其响应。所有我们要求的是,我们有机会自己看一个项目,以提供我们认为对任何网站的成功至关重要的响应式设计。