推荐信息:
娱乐
频道
您的位置:首页 > 热点 > 正文

交互设计的“五字诀”

2018/1/14 9:57:55 来源:人人都是产品经理 []

多体会生活,交互设计的“五字诀”懂生活就懂产品。

1.送给交互新人们的“五字诀”: 一曰“点”:每个控件本身属性和触发方式;

举例:比如一个输入框,本身属性需要考虑可输入的字段类型、长度和输入前中后的视觉形态等,而触发方式需要考虑切换焦点到输入框内和如何离开等(这里的控件不一定是输入框,可能是按钮, 也可能是文字链接等等等),第一要点,是希望交互设计师们,先仔细的思考清楚每个控件的本身和存在价值。

二曰“连”:控件和控件之间的关系和交互;

举例:最常见的比如注册界面,用户协议,复选框没有勾选同意时,推荐163nvren.com注册提交按钮是灰色不可点状态,第二要点,说的就是控件与控件之间的先后、从属、交互关系。

三曰“面”:页面本身的主题或主流程目标;

举例:任何一个页面,都是为了一个或多个目标而存在的,哪怕如会员中心首页这类聚合页,它的目标是聚合和承载,以及快速的链接各个功能点,第三要点,说的就是在交互设计时,当你研究清楚每个控件本身和空间之间关系后,需要着重思考的是,版权http://www.163nvren.com/这个页面本身的目的是什么?文案和信息结构,以及控件,是否可以清楚的暗示或明示用户按你设计的走下去,并达到目标?比如注册页面这类目的比较唯一的流程型交互流,我们要做的是,确保用户可以轻松和准确的一步步向下,不要中断、返回和跳出,这样的交互思考下,交互的轻重强弱,自然随着第三点页面主题而清晰明了。

四曰“地”:主要控件触发后本地交互校验;

举例:继续拿注册页面来看,假设第一步页面是手机号的校验,说明163nvren.com在点击下一步时,其实交互上没有第一时间和服务器端做连接,而是先对手机号的输入框做了一次本地校验,校验的是输入框内的数字是否满11位,开头是否为三大运营商号段等,这次校验,就叫本地校验。

为何设置本地校验?

  • 降低不必要服务器交互成本;
  • 提升交互出错时的反馈速度。

所以,第四要点告诉大家的就是,在交互设计时,一些涉及向服务器交互的重要按钮(动作),或者一些可以在输入完就做判断的输入内容,可以先在本地做一次校验 ,而不是一股脑的塞给服务器去判断,服务器和程序猿哥哥都不喜欢这样的孩子。

五曰“天”:本地校验成功之后服务端校验。网站163nvren.com

举例:多拉轰的第五要点!和地面部队交锋成功后,我们终于迎来的最后一步,向服务器提交,也就是和服务器端做交互,交互类型包括很多,如注册就属于表单的提交和校验,服务器一旦校验完成,就是反馈结果和允许跳转,同时提交的表单会被记录到相应的数据库中,整个交互的目的也就真正的完成了。

在这个终点到来之前,交互设计师们,千万谨记,这一步看似简单,其实凶险万分,要充分考虑各种情况下的校验反馈,如传递到一般断网了?注册成功返回时服务器崩溃了?注册时显示有问题?等等等,同时要考虑在各种情况下,是停留在本地, 还是跳转,或者增加一些引导提示帮助找回状态,所以和“天”沟通,实则不易,千万不要功败垂成!

最后,来个口诀串起来,别说观主土,观主酷爱武侠,和马云粑粑一样!

口诀:两点一连就是线,多线一合就是面,换面还须先入地,上天实则最凶险!(呦西,还押韵了。。。)

这个武侠BI装的不错,自我评价99分,多1分怕骄傲!不说了,马云粑粑要来幼儿园接藕了!

2.观主是如何学习产品和交互的?

多做,多想,多错,多改。

观主这7年多的职业生涯,只看了两本半的书,无数的产品经理问过这个问题,也追问了是哪两本书,在这里分享下书名《体验经济》、《星巴克体验》,还半本《一路向前》。

观主不是学院派出身,任何理论知识,你们听着新鲜的原因,是因为都是自己总结的,书上没出现过,顶多雷同,所以你们听着新鲜,哈哈哈。网站163nvren.com

观主这七年,刚毕业时是文案策划,一路做到现在,无非在重复一个流程:上去干,干不了想,干错了改,改完以后不犯,下次继续直接上去干!

如果非说有什么不同,观主可能更信奉两点:“一千次空想不如一次实干”,上面的流程就是最好佐证,另外一点就是“道法自然”,观主毕竟是道家的嘛,所以法天法地法万物。

观主的学习方法,是在日常生活中,任何场景下,观察身边的一切,去思考他们或者它们背后的逻辑和原因。

比如家附近新开了一家烧腊店,观主在出门第一次看到时,就思考了很多问题,比如它为什么是个烧腊店?它的客户是谁?真正的客户会是谁?它的客户复购率如何?它的产品应该如何定位和定价?如果我是老板如何增加销量?等等等,一大堆问题。

又比如,今晚在星巴克买咖啡时,看到乱哄哄的吧台,观主就思考了很多点,比如:咖啡师在做巧克力原浆时,是否可以拿到里面去做?避免制作过程的不拘小节被用户看到等等。

总结:很多人老爱问这个问题,今晚统一作答了,最后希望大家,多做生活的有心人,观主做产品经理第二年时,就爱和人说,多体会生活,懂生活就懂产品,那时,没人信!现在,你们还不信吗?骚年们!享受生活吧!毕竟你们的产品是为了生活和大众服务,有什么比生活更好的老师吗?

本文由 @宁白衣 原创发布于人人都是产品经理。未经许可,禁止转载。网站163nvren.com

题图来自unsplash,基于CC0协议

通过键盘前后键←→可实现翻页阅读
文章来源网络,版权归属原作者,未注明作者均因传阅太多无从查证。本站为公益性非盈利网站,在本网转载其他媒体稿件是为传播更多的信息,此类稿件不代表本网观点。如果本网转载的稿件涉及您的版权、名益权等问题,请尽快与我们联系,我们将第一时间处理!

IT娱乐动漫星座时尚推荐热门随机

  • 【小米有望今日披露招股说明书 估值或下调至550亿美元】

    【小米有望今日披露招股说明书估值或下调至550亿美元】财联社6月21日讯,推迟A股CDR发行之后,小米决定分步先在港交所上市。据接近小米人士获悉,小米很可能于6月21日早上八点在港交所披露更新后的招股书。有消息称,小米计划发行21.8亿股股票,融资规模最多为61亿美元,IPO定价区间在17港元/股至22港元/股。不过以上消息并未得到小米方面确认。有小米内部人士表示,“我们目前还不清楚。”(证券日报)

  • 数字货币今日空投汇总(第16期)

    哈哈,小编今天有点词穷.....尬笑完毕,还是要说上一句,有任何疑问和建议的都欢迎大家直接在评论区面直接留言,我会第一时间反馈哦。针对大家遇到的比较多的问题,我也会在近期进行统计,并做相关的整理发出来给大家哦~好了,接好空投吧~1HashgardHashgard.com(金伦加版本)正式全球发布活动👇👇👇👇👇👇👇复制浏览器打开:http://t.cn/RBsMdlA邮箱注册.得到糖果码点击https://t.me/hashgard加入Hashgard官方中文社区并回复糖果码收到机器

  • 华为Mate10 Pro价格全面“崩盘”,网友:市场逼着华为做良心卖家

    华为近年来的崛起速度让网友们感到很惊讶,曾几何时,国内手机市场还是三星和苹果两家独大,而随着科技的飞速发展,各大手机厂商在手机研发上有了长足的进步,而华为无疑就是最具有代表性的手机厂商,可以说如今已经成为了国内手机市场的巨头之一了,而华为手机在高中低端市场也是非常受欢迎的。进入2018年以来,华为发布了全新的旗舰产品华为P20以及徕卡三摄的华为P20Pro,销量也是不断上涨,对于华为来说可以说是喜事连连。不过进步明显的不仅仅是华为,小米、OV、锤子等等公司也是不断发布新品,可以说如今的手机市场竞

  • 为何小米8最近频频被“针对”?

    作为小米今年的主打旗舰,自5月底发布以来小米8就频频被“针对”,从联想Z5发布会到荣耀Play发布会,小米8一直被友商对比和提及,而在近期vivoNEX和OPPOFindX两款新机相继发布之际,即使小米8和两者价格相差两三千元,小米8也是再次被不少网友拿出来对比和吐槽,那么为何小米8最近频频被“针对”呢?1.小米8的高热度凭借着强悍的性能和极高的性价比,小米8目前热度也是相当的高,在刚刚过去的618活动当天,小米8更是取得了单品销量第一的成绩,在一定程度上来说,无论是对比小米8还是吐槽小米8,都

  • 苹果今年三款新iPhone齐登场,iPhoneX Plus最被看好!

    最近新品手机市场十分热闹,各大厂商新品是一款接着一款,与此同时许多下半年发布的新机消息也是被不断披露,无独有偶,近日多家外媒也是透露了苹果今年的新机计划。版本方面和此前传闻一致,苹果今年共有三款新机,一款为6.1寸LCD材质,一款为5.8寸OLED材质,一款为6.5寸的OLED材质,而这3款新iPhone都将会搭载3D传感摄像头系统,而这也印证了3款新iPhone均为刘海屏的设计且支持3D面部识别功能。定位方面6.1寸LCD材质iPhone接替传统的常规旗舰系列,这也是大家口中所说的廉价版iPh

  • 降价之后的华为mate10到底值不值得买?真实体验后说说优缺

    华为mate10最近的价格在一路下降,到目前已经跌到了3399元,在渠道上的价格也在一路下跌,第三方供应商的价格已经跌破了3000元,于是很多人开始纠结起来,到底要不要去买这款手机,不知道好不好?我们在真实体验之后来说说真实优缺点:华为mate10的设计师在设计上确实是比较传统,你最近的vivo和oppo新机来说,确实没有太多的设计感。要说这18:9屏幕是过时的设计,绝对是有理由的。但是我们其实也要看到它在质感上还是做得非常不错,比起目前任何一款和手机来说,个人都觉得它就要更优秀一些,不信的话,

  • 外观设计是亮点,O-Face结构光+骁龙845+8GB,比苹果、三星更贵

    自从小米以一款无刘海全面屏亮相后,小米MIX瞬间红遍大江南北,雷军称之为未来手机,小米MIX以惊艳的外观设计,吸引着众多用户,很多网友纷纷表示,国产机设计业崛起了,小米MIX因为其外观设计,被全球多家知名博物馆收藏,并被誉为一件艺术品。由此,全面屏手机逐渐映入用户眼中,瞬间高屏占比的全面屏手机火遍全国。小米MIX系列手机将前置摄像头下置,也影响了不少美观。而随着iPhoneX的发布,刘海屏作为另一种潮流方式存在,虽然刘海屏被公认的丑屏,但是是iPhoneX手机发布的,因此越来越多用户和厂商认可,

  • 白杨新媒体:微信订阅号全新改版七问,是喜还是忧?

    今天白杨刚忙着在公众号【白杨SEO优化教程】写完一篇公众号如何运营及PC网站如何优化文章,就看到微信派推的微信订阅号改版了。再看一些新媒体群讨论起来了,还有人建立了改版好坏辩论群,所以也去看了看。(百度搜索微信订阅号改版结果)白杨新媒体第一问:为什么微信订阅号要改版本,改个版又会引发讨论?现在基于微信生态应该是上千亿的市场,假如微信一个用户人均价值100块,微信现在近10亿用户两者一乘即是1000亿,其实远远不止。所以基于微信生态的公众号之订阅号又是微信上一个很重要的产品,很多早期大号都已通过订

  • 这就是零界全面屏智能手机vivo NEX,它定义了未来手机的方向

    手机行业今年上半年发布的机型绝大多数都是流海屏,并非流海屏有多么好,也并非流海屏有多么漂亮,这只是在真正全面屏还没有出来之前手机厂商的无奈之举。网上曾有一张图,把上半年主流的机型摆在一起,点亮屏幕后能一眼认出型号的屈指可数,因为长的都太像了,几乎全是流海屏。就在人们期盼手机行业的老大苹果科技今年9月份能给出真正的全面屏时,国产一线手机厂商vivo率先交出了逼近满分的答卷,这不仅让友商们汗颜,也让用户们感到了久违的激动。第一次看到vivoNEX真机,心情真的是激动。这个全面屏显示效果非常赞,超窄边

  • 零界全面屏是vivo的磨刀石,这些衍生技术都成行业标杆

    2018年,智能手机市场迎来了翻天覆地的变化。从早年的性价比比拼,硬件比拼,到了现在变成了技术之间的硬碰硬。2018年之初,来自中国的vivo就祭出了拥有多款黑科技的全面屏概念机vivoAPEX,引起了业界的轰动。而在本月,vivo也正式推出了其量产版本——vivoNEX。在NEX上,我们可以看到哪些未来行业标杆技术?我们细细数一下吧。零界全面屏虽然智能手机屏幕尺寸变大是潮流趋势,但是更高的屏占比才是更具优势。为了完成更好的屏占比,vivoNEX采用了顶级的COF封装技术,将左右边框仅剩下1.8