PC端兼容移动端的时候需注意的UI设计技巧

时间:2019-10-15 17:58 阅读: 作者:互零网络

要求明确的移动任务和需求

最重要的一点是:

定义移动端的任务和需求!

移动端并不意味着PC端的要求可以完整移植。有必要根据移动终端的特性重新分析和考虑产品的任务和目的。根据产品的任务,有必要分析任务的需求。在许多情况下,移动终端无法独立承担产品的使命。它需要与PC一起工作。此时,不难放置移动终端无法承受的功能,从而使其更加复杂且难以使用。有时,由于移动终端的优势,有更好的方法来满足一定的需求,并且此时可以引入新的需求点。简而言之,有必要分析和考虑移动终端的任务需求的合理性。

手机应用

例如,现在有必要制造一种满足IM和OA办公需求的移动产品,并帮助员工加速工作协作和沟通并提高公司生产率。在PC端的第一步是让用户输入用户名和密码进行登录。之所以这样做,而不是仅在第一次输入时才允许用户输入,主要是因为计算机始终是固定的在工作站上,并且不随人一起移动。仅当用户不在工作站中并且可能存在隐私问题时,才可以使用此功能。但是,在移植到移动终端时没有这种问题。手机经常跟随人。隐私不是瓶颈。首次使用时,您可以输入用户名和密码。如果要进一步改善隐私保护,可以设置手势密码等。的。

筛选要求

列出了需求列表,但是无法开始需求设计,并且进一步过滤了需求。

尽管根据移动终端的特性重新分析了这些要求,但是仍然存在一些问题。除了其优点之外,移动终端还具有一些不可避免的痛点,例如:大幅面输入数据,丰富的文本阅读和不足的屏幕。等等,此时,需求列表可以分为三类:移动端需求,PC端需求以及两者需要一起工作的需求。在过滤移动需求时,建议考虑以下因素:

输入数据量:尤其是填写表格时。如果数据量太大,建议将其引入PC。水平和深度:PC侧的水平高于6,建议不要移至移动终端。当然,如果有一个好的解决方案,则可以忽略此解决方案。操作的复杂性:完成任务的时间长度,由于使用环境,系统通知等原因,移动终端在碎片化时间中占很大比例,因此需要沉浸于更复杂的任务中不应长时间放置;数据量:特别是在多图片的情况下,我认为每个人都在移动端遇到这种情况,并体验每个人心里的理解;

如果出于某种原因(例如,领导者的强力干预或产品的核心功能过于复杂),则除了尝试优化移动终端的性能之外,即使提出了不适合移动终端的要求,设计中,尽量减少这些损失。如果需求减少,如果无法避免损坏,则应尽可能减少受伤。

回到上面的IM和OA办公案例,我们的OA上有15种类型的申请表格。每种类型平均有十种不同的形式。填写这些表格通常很复杂。种类繁多:文本,日期,图片,表格,附件等。将这150份表格全部放在移动端显然是不合适的,但是由于领导者经常出差,所以010表格-140035和批准经常被使用。该功能必须放入。我知道这把刀无法隐藏。它只能与领导人协商,流泪,讨价还价和摇摆。最后,我终于成功切掉了一部分:申请该表格仅用于五种最常用的表格。所有表格均得到批准,特殊格式的数据产品未经第三方软件直接处理和打开。

产品设计

新机会

迁移到移动端是新机遇的开始。它可以重新考虑产品,不再受以前的技术框架限制,可以帮助用户更方便地解决问题。需求的定义是决定此机会成败的最大因素。能否把握好机会并抓住机会,取决于能否正确定义需求。

产品设计及设计变更

与PC端相比,移动端具有无与伦比的优势。它的便利性,即时性,个性化和其他功能可以在产品中很好地利用,从而增强产品体验,使用户更快,更方便地完成任务;移动版还存在某些限制,例如较小的屏幕,较少的敏捷输入等,因此可能需要更多的隐藏式和归纳式,并且布局只能以有限的宽度使用。另外,交互方式也不同。 PC端主要通过鼠标和键盘与产品交互,并且移动终端除了单击之外,还具有各种手势和传感器,甚至还有语音。因此,在设计移动终端时,有必要重新分析和思考。面对PC版本,更改控件或仅更改布局并不容易。设计思想必须开始做出本质区别。

设计四原则

删除PC上多余和多余的设计;

删除掉落函数的设计;

删除所有增加用户负担和注意力的元素;

删除所有可以删除的元素。移动端的屏幕空间有限。每个其他元素都是资源的抢夺.

组织

根据移动终端的需求和任务重新建立信息架构,不能完全攻击PC;

根据移动终端的交互方式,进行内容的重组和内容之间的关系的梳理,例如,改变模块A,与模块B无关,如何突出关系;

根据新的逻辑关系重新组织页面模块的内容;

根据屏幕的特点,重新组织表格输入项;

隐藏

隐藏暂时不可用的元素,等到需要时再降低页面复杂性并减少对资源的竞争。由于屏幕的尺寸,移动终端需要隐藏原理,并根据逻辑关系及时呈现所需元素,可以使页面简洁刷新,同时降低了用户的认知难度。

转载请注明文章链接:https://www.hu-ling.cn/sjwzjs/282.html如没特殊声明,文章为互零网络原创!

<<返回列表