赞助商
立即赞助

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

就业职场3年前 (2021)发布 流光
2.1K 0 0

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

之前承诺大我会给一个详解,那么今天我就挑几个重点来说一。

Q1:么是模态、非模态?(Modal)

这个问题可搜到,没么好讲的。

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

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

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

Push&pop 就常见的 app 页面跳转,点击某页面中的跳页意符时新页面从右往左,点击返回时就老页面从左往右后退,但这里一些产品的Push&pop 不用的原交互发自己写的效果,这里需区分一下什么原效果,什么发自己写的,具体可以切换动效的时候重点看navigationbar 的动效,这里就不录屏了,多看几会感知。这里我直接贴图:

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

Present&dismiss 这种页面交互通常用于一流程 A 中的某节点新增了一流程 B,流程 B 与流程 A 几乎无耦合,且流程 B 结束后希望跳回 A 中的当节点或不同节点时,采用的页面交互。一般的这种「流程 B」往往比如发布流程、登录流程、购买流程相对独立的流程,举例子:

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

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

此时的页面跳转就以采用 Present&dismiss,具逻辑下图所示:

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

从代码现,基上就是 Present 一个导航控器, push,此刻果 dismiss,就回到就近的一个 present 控器。

你们可以理解下:

  • A – present -> B – present -> C – dismiss ->B
  • A – present -> B – present -> C – Push -> D – dismiss -> B

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

上这个嵌入买流程例子,在有些品,设计师也将进入买流程起始设计成了 Push(意符是左上返回),然后在最后买流程结束那个页,左上设计成了「x」,用户击「x」后返回是浏览路径节,这是完全误交互。原是如嵌入流程起始用是 Push,流程均采用 Push&pop,到了最后步用「x」话,用户法感知到买流程是被嵌入,自然也法感知击这个「x」应该回到哪儿,这是个易用性问题。

我经发牢骚说,有些页面的 navigationbar 上会「返 icon」,有些页面会「X」,到今天仍然有很多交互设计师法区分,可以说真是滑稽。

Q3:样是短视频,抖音和快手交互有什么区?

作为笔试题的,其只要聊出一自己的见就,抖音,其相对来说还是偏中心化分,次疫情期间,大家现吗,在拿抖音当电视台在用。

另这里荐些文章大家可以自搜到:

《抖音和快手的本质区别是么?》(职人社)、《最于视频产的一些思考》(刘飞)、《快手向左,抖音向右》(腾讯科技)、《抖音快手的「功守道」》(虎嗅)《抖音vs快手,两个世界的交战》(互联娱乐怪盗团)

Q4:现在手机端的流媒体形态中,横屏(如电视剧,电影)和竖屏(如抖音、红直播)你认为有么区别?

这个题实是看平时有没有留心观察和思考,实答上来没啥。

简来说,横屏视频是一种「媒体属性」,往往给人一种庄重,比较正式认真;一想横屏视频就是要带片头片尾,结构化,致剪辑,间长(3 钟以上),故事描述相对完整,有一种非 UGC 或者至少得 PUGC 的觉。

竖屏视频主偏「记录属性」,比较随意,轻,真实,一到竖屏视频就抖音手那种消费向的杀时间的,碎片化,剪辑相对粗糙,时间短(3 分钟以下),不注重故事的完整只乎段落的精彩,节奏,加注重吸引力营造。

Q5:手机端常用到的交互手势「点击」「滑动」,怎么理解这两者?可以从终端发展的角度、用户使用视角、或者任意描述的视角加以描述。

点击确语义,需用户决,需用户笃入下一操作,给人的感觉逻辑递,对于使用者思包袱重。

滑动是浏览语义,给人的感是同级操,思想包袱轻。(就是为什么现在很产品做下拉回退的互,就是为降低内容消费时的互摩擦。)

所以能划不已经是交互趋势了。

Q6:你怎样识原生页(Native)和H5(webview)页,他们优劣分是什么?

这个网上有大把文章,去搜了,其实交互知识有很多,比如怎么判断页原生和 h5 和混血,怎么取舍;括哪些数据时需要下发哪些数据可以写死;页信息是怎么过接口和数据库交互类,都是交互设计师基础需要了解常识。

Q7:你在阅读iOS/andriod design guideline过程,有什么地是难以理解,或者是特有所收获?

这个问题出校招生核心是要你去读,你个个读完定会有很大收获,为 60% 以上 app 交互问题和解法,都已经写在里了。

Q8:你如何理解「Feed流」与「Feed流品」?

看这篇文章吧,不赘述了:《如何设计好消费 App 品》

Q9:为啥绝大多数app都会有所谓「刚区」?你认为「刚区」作用是什么?

刚区是传送,是业务导设计物;平台级品为业务多,在做信息架构时候本着归类合原则,很多核心业务原始路径会淹没于众多核心业务路径,不易识。所以开辟了个全新位把核心业务进罗列予更多曝会。

论上,金区一般就一(或两,就过分了),一里面的如有五个,只要全外显(没有那种泳道滑切割语义)的话,就存在曝光均的情况。金区核心除了入口曝光外,还要做流量监控,要看同一量级的曝光位点击 ctr 是否有明显区别,如果有明显区别的话需要平台侧设计师和产对入口外显的意符进行判断,是表现层了问题还是务方向存在问题。

Q10:列举你认为微信的个交互问题并尝试解决。(画图和描述均可)

这个问题略,太多了,微信发展到今天,开辟的很多功对于之前他们的逻辑有明显差异,实这可避免,别说微信这样的产,哪怕是原生的iOS,都会存在很多问题。如群收款入口被吐槽的问题,如你们仔细体验一微信的标签体系,如微信最更最频繁的看一看里,都有很多问题,过相信这些问题微信都知道,没有解决可是资源的问题或者 ROI 的问题,反正微信算是每一次更都有在认真填坑的产了。

欢迎关注作者的公众号:「SeanyDesign 」

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

随着用户体验被愈发的重视,更多的 App 偏向于使用多手势优化用户的操作流程,降低使用阻力。点击某个确定的按钮的手势操作虽...
交互设计
编者按:本文总结了微交互的基础知识和三大作用,作者用大量优秀的微交互案例演示让你直观感受到微交互的强大,适合对微交互...
交互设计
本文介绍了 4 种常见的 SVG 交互动画方法,帮你了解 SVG 交互动画的原理和简单方法。 优秀的人机交互和舒适合理的动画,一直...
SVG
这篇文章要为大家解析空白页的存在意义及设计技巧,希望对你有益。 一. 概念 空白页是什么? 空白页指的是当前页面内容为空...
加载设计
本文将我经过5年多的不断迭代,形成的这套交互设计知识体系,分享给大家。 一、设计理论基础 1. 交互设计概念 对于新人来...
交互设计
如果你公司的产品数据反映出用户下单完成率很低、如果你公司年度目标是提升销售额、如果用户反映下单流程太复杂,…作为产品、...
Keep
在 UI 界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用,什么样的动效更优秀等等,这样的探讨层出不穷...
UI动效
工作到现在已经负责过2个资讯类新项目了,每次做完项目感觉都有很多缺憾,这次就对新闻资讯类 app 做一个 UX 总结解析,希望...
App设计