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

交互设计的“五字诀”

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

多体会生活,阅读http://www.163nvren.com/懂生活就懂产品。

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

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

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

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

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

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

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

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

为何设置本地校验?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

题图来自unsplash,基于CC0协议

通过键盘前后键←→可实现翻页阅读

IT娱乐动漫星座时尚教育宠物推荐

  • 反对总统杜特尔特,菲律宾媒体 Rappler 面临关站危机

    菲律宾知名新媒体新闻机构Rappler正面临倒闭。此前,由于涉嫌违反菲律宾宪法,菲律宾证券交易委员会(SEC)撤销了该公司的注册。Rappler于2012年由菲律宾记者玛利亚·雷萨(MariaRessa)创立。凭借数字优先的平台和对独立报道的专注,Rappler成为了21世纪国际媒体研究的案例。根据Alexa的数据,该网站流量在菲律宾排名第10,拥有超过350万Facebook粉丝。该网站的新闻覆盖了菲律宾国内和国际,此外还拓展至印尼市场。与此同时,Rappler已成为菲律宾总统杜特尔特最主要的

  • 海信互联网电视用户突破3000万,又一个 “独角兽”来了!

    今日,海信发布最新互联网电视用户数据报告:2017年用户数突破3078万(国内用户2521万,国外用户557万),国内日活达到1100万+,日均观看时长达到惊人的296分钟,付费点播和广告收入更是翻番式增长,坐实中国乃至全球最大的互联网电视云平台。以每个家庭平均人口3人保守计算,海信互联网电视覆盖人口已经接近1亿人,且大部分是购买力较高的人群。面对海信互联网电视平台用户规模和收入量级双双出现的“聚变式”增长,业内惊呼:又一个潜在的“独角兽”企业来了!家庭互联网被看做是互联网的最后一个机会,更是物

  • 水下机器人制造企业博雅工道,获数千万元A轮融资

    【猎云网(微信号:ilieyun)】1月16日报道猎云网近日获悉,水下机器人制造企业博雅工道近日已完成数千万人民币A轮融资。据悉,本轮融资的资金将主要用于产品市场推广和产能扩充。据公司CEO熊明磊介绍:我们产品核心零部件的自产率接近80%,避免了上游供应链不完整造成的发展阻碍。并且,自建工厂一方面保证了产品的良率,另一方面避免了核心技术的泄密。其次是看好军工行业。因为军工行业的订单金额都较大,而且利于技术积累。他们已经和某军工央企达成了合作关系,并且预期会在今年获得军民融合技术企业资格证,将军工

  • 美团点评王兴:2017年美团点评交易额达3600亿元

    PingWest品玩1月16日报道,据腾讯科技《一线》消息,1月16日消息,美团点评CEO王兴在“2018大众点评黑珍珠餐厅指南”发布会上透露,2017年美团点评交易额达到3600亿元,收入达330亿元。据《财经》此前报道,美团点评2016年全年交易额是2400亿人民币,比2015年同期增长了50%。美团点评曾预计2017年交易额将达到3600亿。

  • 引领中国创新力量,站在CES用科技对话世界

    中国的创新力量,很多年前就进入了CES的主场。而2018年这一届CES的一组官方数据,再次为中国创新力量在全球的影响力做出了背书——CES2018的4500多家参展商来自100个不同的国家,数量比去年增长近50%,其中超过1/3的参展商来自中国。不仅中国科技力量在国际壮大,钛媒体作为今年CES唯一官方合作的科技媒体和社区也开始了在CES上的正式亮相。1月8日到1月12日的密集展会期间,钛媒体不仅获得更多机会独家零距离、全景视角记录了最新一届的全球科技狂欢,还首次发起了CES期间的“CES中国创新

  • 躲得过初一躲不过十五 苹果再向英国补缴7.2亿元税款

    据外媒报道,苹果周一公布的账目显示,在英国税务和海关总署进行大规模审计后,该公司再次向英国补缴了8100万英镑(约合人民币7.2亿元)的税款和利息。英国税务部门梳理了苹果公司2011年至2015年的账目,发现在截止2015年9月的5年时间里,苹果公司在英国的销售额为5.005亿英镑,利润为2.895亿英镑,但仅仅缴纳了2260万英镑的税款。这次补缴税款,以及上周苹果另外一个分支机构披露补缴1.36亿英磅,表明英国税务海关总署对苹果的审计,使英国少流失了2.17亿英磅(约合人民币19.2亿元)税款

  • 京东自有品牌“京造”发布,严选劲敌来袭?

    近日,京东的“京造”悄然上线,这个名字可谓一语双关,既代表“京东造”,又谐音“精心造”(其实也谐音“经得起造”)。很明显,京东打算利用供应链和流量优势,造一个自己的“网易严选”。京造为京东的自有品牌,经营产品的种类和有品、严选都非常类似。目前,京造官方旗舰店上架的商品有家居、餐厨、日用、箱包、洗护、穿搭等品类,价格从3.9元到699元不等,经营模式和严选、有品非常类似。京造项目为去年9月开始启动,由上海一支20-30人规模的团队负责,由于此项目不属于京东商城的特定事业群,而是在CMO体系下(时隔

  • 刚开年就登上人民日报!这样的年货节实在是太圈粉

    1月15日,一版刊登在人民日报上的「大爱中国」广告,在社交媒体引发大量关注,并顺藤牵出了城市集体打Call大行动。通过串联N多细节,我们发现了一个来自苏宁易购的年货节大作,记住了“上苏宁·为城市打Call”“年货有情有苏宁”的营销。人民日报整版站台作为《年货有情有苏宁之大爱中国》春节打Call大片的重头戏,苏宁易购刊登在人民日报上的整版广告,用「以家的名义爱着一座城」,呼唤大家#为我们的城市打call#。人民日报此版广告,首选很多年轻人的梦想之地北京,并嵌入京剧图案表达京城特色,加之纯文字的印刷

  • 《读者》开了实体店,文艺到想哭!

    来源✎陈列共和(ID:chenliegonghe)今年9月,陪伴了国内许多女性度过了十年的《悦己self》停刊了。当时,我突然间想起高中时期的姐姐,每次路过报刊亭总会带一本悦己回家,所以对这本杂志印象还是很深刻的。学生时代,除了悦己之外,最离不开的杂志大概就是《读者》了吧!《读者》这本充满人文情怀的杂志是在1981年出现在我们的生活中。不管是在内容或者是形式方面都追求高品质,内容极具多样性,受到了很多文艺青年的追捧。到了共和君上学的那个年代,它仍然是学生中最受欢迎的杂志,成为了中国期刊第一品牌,

  • 测评?综艺?直播?什么才是传播科技生活方式最好的载体?

    长达一周的CES(国际消费类电子产品展览会(InternationalConsumerElectronicsShow,简称CES)终于落幕,在出发CES之前,媒体爆出的参展名单里,国内厂商以超高的份额盘踞在CES参展名单的第一位。这也导致之前国内关注热度并没有那么高的世界级展会,在这次科技媒体的版面持续了一周之久。科技媒体们以各种形式报道CES——资讯短视频、现场测评、直播、记录视频,在一众科技媒体里我们也看到了新的突破形式,作为稳坐科技视频第一站的老牌科技媒体ZEALER,就运用了综艺的形式,