1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

10个容易遇到的交互校招题+优秀参考答案详解--九分网络

时间:2020-06-17   分类:交互设计    作者:网络   来源:网络整理   点击:64

年前的时候出过一份交互校招题,这里面有偏流程和概念的基础知识考察,也有眼见和互联网行业了解的一些考察,对于在校生来说,如果是未来想进互联网做移动 App 的交互,这些问题都可以多查一下。

本文来自九分网络

之前承诺大家我会给一个详解,那么今天我就挑几个重点来说一下。 九分网络

Q1:什么是模态、非模态?(Modal) 九分网络

这个问题可以搜到,没什么好讲的。

本文来自九分网络

模态框是一种对流程的全局打断,是强制用户交互的。用户不操作的话,无法取消这个弹窗,也就意味着无法正常使用别的功能。它的优点是一上来就是整个流程节点,强制操作。缺点是打断了用户的当前操作流程。缺点就是它属于一个特别重组件,一般用于用户进行重要的操作,比如权限弹框啊之类的不获取无法进入下一个步骤的,就会用这种。在常用组件上,比如 actionsheet,alert 都属于模态组件。

copyright 9fen.net

而非模态框同理就是不全局打断用户交互操作的弹窗,比如组件里的 toast,常规性 popover 等等都属于非模态弹窗,非模态弹窗主要用于轻型的操作反馈,给用户传达已经触发了某一项交互指令之后的反馈,主要是增强反馈的确定性和防呆。

copyright 9fen.net

Q2:在常见的页面切换中,Push&pop和Present&dismiss这两种有什么区别,可以从用户视角和交互视角阐述。

本文来自九分网络

Push&pop 就是最常见的 app 页面跳转,点击某个页面中的跳页意符时新页面从右往左进,点击返回时就老页面从左往右后退,但是这里有一些产品的Push&pop 不是用的原生交互而是开发自己写的效果,这里需要区分一下什么是原生效果,什么是开发自己写的,具体可以在切换动效的时候重点看navigationbar 上的动效,这里就不录屏了,多看几个你会有感知。这里我直接贴个图:

本文来自九分网络

10个容易遇到的交互校招题+优秀参考答案详解--九分网络 www.9fen.net

九分网络

Present&dismiss 这种页面交互通常适用于在一个流程 A 中的某节点上新增了一个流程 B,流程 B 与流程 A 几乎无耦合,且在流程 B 结束后希望跳回 A 中的当前节点或不同节点时,采用的页面交互。一般的这种「流程 B」往往是比如发布流程、登录流程、购买流程等相对独立的流程,举个例子: copyright 9fen.net

10个容易遇到的交互校招题+优秀参考答案详解--九分网络 copyright 9fen.net

www.9fen.net

如上图所示,比如在常规浏览路径里的某一个内容详情页里,有一个「买同款」的按钮,点击之后跳到另一个漏斗中,然后购买流程结束之后,我们希望返回原来的浏览路径节点,这时候,如果页面还是用 Push&pop(意符是左上角的返回按钮),意符逻辑就会爆炸。

内容采集来自9fen.net

此时的页面跳转就可以采用 Present&dismiss,具体逻辑如下图所示: www.9fen.net

10个容易遇到的交互校招题+优秀参考答案详解--九分网络

本文来自九分网络

copyright 9fen.net

从代码实现侧,基本上就是 Present 一个导航控制器,然后 push,此刻如果 dismiss,就会回到就近的一个 present 控制器。 九分网络

你们可以理解一下: www.9fen.net

A – present -> B – present -> C – dismiss ->B

www.9fen.net

A – present -> B – present -> C – Push -> D – dismiss -> B copyright 9fen.net

一般 Present 交互动效是从下往上出现一个新页面,dismiss 则从上往下释放掉,但是呢不能光从动效来判断,因为有很多别的产品会做出很多其他的动效,我们不能通过动效来判断,还是要按完整流程去区分,如果是一个新流程嵌入,且新流程结束之后整体释放,则它就是一个 Push&pop 的交互。

copyright 9fen.net

上面的这个嵌入购买流程的例子,在有些产品中,设计师也将进入购买流程起始设计成了 Push(意符是左上角返回),然后在最后购买流程结束的那一个页面,左上角设计成了「x」,用户点击「x」之后返回的是浏览路径节点,这是一种完全错误的交互。原因是如果嵌入流程起始用的是 Push,流程中均采用 Push&pop,到了最后一步用「x」的话,用户无法感知到购买流程是被嵌入的,自然也就无法感知点击这个「x」应该回到哪儿,这就是一个易用性的问题。

内容采集来自9fen.net

所以我经常发牢骚说,有些页面的 navigationbar 上会用「返回 icon」,有些页面会用「X」,到今天仍然有很多交互设计师无法区分,可以说真的是一种滑稽。

本文来自九分网络

Q3:同样是短视频,抖音和快手的交互有什么区别?

九分网络

作为笔试题的话,其实只要聊出一些自己的见解就好了,抖音,其实相对来说还是偏中心化分发,这次疫情期间,大家发现了吗,都在拿抖音当电视台在用。

本文来自九分网络

另外这里推荐一些文章给大家可以自行搜到: 本文来自九分网络

标签: 优设 优设网 交互设计 常见问题 招聘求职 毕业生 笔试

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----