美文网首页
从hybrid看交互设计是否要懂开发

从hybrid看交互设计是否要懂开发

作者: 莫莫大人 | 来源:发表于2016-08-18 16:05 被阅读0次

我们在开发app的时候需要去考虑应该应用什么技术框架, web app、  native app、 hybrid app。hybrid为混合模式,外用native里用web.知道这些有什么用处吗?

讲个段子吧。


我认识个老大哥人很不错,博而精。从工作到乐趣,从经济到文化政治,反正没有一样不头头是道的,都能说出个理来。有次我终于憋了个大招,我说哥你知道开塞露能美白么?老大哥诧异的说道,开塞露的主要成分是甘油,甘油具有润肤效果,怎么会有美白作用呢?呜呼哀哉!从此再不敢小觑大哥。对了,他做产品的,总监。

偶会会找老哥聊天。最近一年的聊天缩减如下:

我:老哥,我发现我最近看交互书籍都看不进去了,咋回事?

老哥:你们做交互的要懂代码?

我:老哥,我运气不错接了个设计的私活,好久没做了也不知道手生了不。

老哥:你代码学咋样了?

我:我没准备学代码啊……

我:老哥,有个公司HR给我打电话,说他们招产品经理,觉得我不错,你说我试试不?

老哥:你交互都没做好,不急。

我:但是我感觉差不多啊。

老哥:你不会代码!

我:老哥我准备开个知乎专栏,写写文章。

老哥:你学代码了吗?

我:老哥,我想自考心理学,你觉得咋样?

老哥:你代码学会了吗?还来得及,别舍本逐末。

……


那么交互设计师是否要懂开发呢?是否要求会手写代码呢?回到文章开头。继续说hybrid,既然包含了native跟web,那么很自然的问题就是:什么时候需要用native,什么时候用web?

我们知道原生app在能力上有一些是web做不到的,比如调用设备的一些信息及权限 如 通讯录、相册、摄像头、短信、重力感应、麦克风…知道这些有啥用?

有用!当你用海淘的时候断网了,你看到提示’网络错误’,但是你有遇见过当你打开扫一扫功能看到‘网络错误,无法使用’的提示吗?

都说你感觉不到的设计才是好设计,但是作为设计师却不然,你不能因为你所接触的事物都是如此便跟着如此,哪怕是正确的你也要知道为什么这样设计。

举一实例:

这个页面有三方式来完成:1 native 2 web  3 natie+web 。前两者不说。就说第三种,参与元素多事情就容易变得复杂。

如果是采用第3种,导航框架为native,内容为web,这时候将保存按钮放到导航栏上就将开发的事情变得复杂了。因为混合的模式,它不是简单的你点击就提交表单内容。因为页面的内容是由web主导的,而导航栏是原生框架,如果在导航栏提交则需要去调取web的内容信息然后再提交。这么解释:本来程序猿只需花10分钟就搞定这个页面了,但是因为本该放在web内的按钮放在了native框架上,他要花30分钟去完成这件事。

如果在你出原型图的时候,你不了解开发的框架选择,你也不知道开发的分工。你闷头的画完了这个页面,认为这么简单的页面也不需要做什么规则标记,那我相信你少不了一顿争吵。

so,这就是我想表达的,交互到底要不要懂开发呢?据说谷歌招聘交互设计师的要求是要会代码,不信你去看看。再扯个题外话,既然说到了native与webview,那么我们该如何判断一个页面是native还是web呢?

这个问题有点难,那换个问题:你见过扫一扫网络报错吗?请解释缘由。

相关文章

  • 从hybrid看交互设计是否要懂开发

    我们在开发app的时候需要去考虑应该应用什么技术框架, web app、 native app、 hybrid a...

  • 产品经理入门?看这十本书就够了

    产品经理是一个要懂很多领域的职位。不仅要懂战略和用户,还要懂交互和设计。本篇文章从“公司战略”、“用户需求”、“产...

  • 从零做一款社交产品(6)-交互设计

    思考:一个完整的交互稿应该考虑哪些因素?如何评判一个交互设计是否优秀交互稿作为衔接设计和开发的桥梁,对开发,承接的...

  • 书籍推荐

    产品 《人人都是产品经理》 《结网》 《用户体验的要素》 《设计师要懂心理学》 交互设计 《简约至上:交互式设计四...

  • Android Native-Web交互框架

    Android Native-Web交互框架 Hybrid是目前App开发的主流模式,它兼具Native良好的用户...

  • 混合开发

    来源于:IOS-Hybrid(混合开发) 那些设计思想及逻辑部署

  • iOS-Swift快速进入Hybrid开发

    前言: Hybrid(混合)开发在现今的app开发中相当常见,本文的目的是从iOS端引导大家快速进入Hybrid开...

  • HybridApp

    iOS Hybrid 框架 - PhoneGap iOS Hybrid 框架Hybrid App 开发(开篇) ...

  • WKWebView加载js遇到的问题

    需求:hybrid混合开发,大概就是把.html和.css等资源文件存在本地,通过jsBridge.js来进行交互...

  • Hybrid开发 Vue和Native交互

    Native调用H5 双方暂约定方法名称为scanResult('参数')该方法要求传入一个参数,为扫描结果。Na...

网友评论

      本文标题:从hybrid看交互设计是否要懂开发

      本文链接:https://www.haomeiwen.com/subject/qevvsttx.html