设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

交互设计“五字诀”

发表日期:2019-3-5 作者来源:派谷网络 浏览次数:0

  1.送给交互新人们的“五字诀”:

  一曰“点”:每个控件本身属性和触发方式;

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

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

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

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

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

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

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

  为何设置本地校验?

  降低不必要服务器交互成本;

  提升交互出错时的反馈速度。

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

  五曰“天”:本地校验成功之后服务端校验。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

闂備礁鎲$换鍌滅矓鐎垫瓕濮抽柟缁樺俯閸ゆ洟鐓崶銊ュ毈闁哥喎閰i幃瑙勭瑹婵犲嫮鐦堝┑鐐存尭婢у酣骞夐悧鍫熷閻熸瑱绲芥禍楣冩煕閹伴潧骞楁い搴㈠哺閺屾稑鈹戦幇顏嗚兒缂備緡鐓夐幏锟�...

闂備礁鎲$换鍌滅矓鐎垫瓕濮抽柟缁樺俯閸ゆ洟鐓崶銊ュ毈闁哥喎閰i幃瑙勬媴閹绘帒鈷夊┑鈽嗗亽閸撶喎鐣烽悜钘壩╂い顓熷灥閺併倗绱撻崒姘殲闁搞劌缍婇幃鐢割敍閻愬弶宓嶉梺闈浨归崐妤呮偡濠靛鐓曟慨姗嗗墰閻掗攱銇勯弮鈧ú妯侯嚗閸曨垰鐐婄憸搴b偓姘叀閹﹢鎮欓懠顒傤唶缂備胶濞€椤ユ挻绂嶉幖浣镐紶闁告洟娼у▓鑸电箾閹寸偞灏柨鏇ㄤ邯瀹曟顫滈埀顒勫箠濡ゅ懏鍤嶉柕澶堝劤閸婃帗绻涢幘瀵割暡缂佸鍔楃划鈺呭箻椤旇棄娈滅紓鍌氱墢婵兘鎮烽鈧湁闁稿繗顔囬悷閭﹀晠闁跨噦鎷�...

闂備礁鎼崯銊╁磿閹绘帪鑰块柨鐔哄У閺咁剟鏌ㄩ悤鍌涘2025-4-2

闂備礁鎲$换鍌滅矓鐎垫瓕濮抽柟缁樺俯閸ゆ洟鐓崶銊ュ毈闁哥喎閰i幃瑙勭瑹婵犲嫮锛熷┑鐐茬墛閸ㄥ墎鈧數鍘ц灒闁绘挸绨奸崠鏍⒑閸濆嫮澧曟い锔诲灦楠炴濮€閿涘嫷娲搁梺璺ㄥ櫐閹凤拷...

闂備礁鎲$换鍌滅矓鐎垫瓕濮抽柟缁樺俯閸ゆ洟鐓崶銊ュ毈闁哥喎閰i幃瑙勬媴閹绘帒鈷夊┑鈩冨絻閹诧紕绮欐径鎰劦妞ゆ帒鍊婚惌鎾垛偓骞垮劚閻楀棝宕㈤弶鎴唵闁告挷绀侀弸娆愩亜閺傚搫浜剧紓鍌氬€搁崯顖炲垂瑜版帗鍋熸い鏍仜閹瑰爼鏌曟繛鍨偓妤呮偡濠靛鐓曟慨姗嗗墰閻掗攱銇勯弮鈧ú妯侯嚗閸曨垰鐐婂瀣捣椤︹晜绻濈喊妯峰亾閸愭祴鍋撹ぐ鎺嬧偓渚€骞嬮敂绛嬫闂侀潧绻堥崹娲汲閳哄懏鐓犻悗娑櫭悘鐔兼煃瑜滈崗娑氱矆娓氣偓閺岋箓鍩¢崨顓犻獓闁荤姵浜介崝宥夊汲閳哄懏鐓犻悗娑櫭悘鐔兼煃瑜滈崜銊╁箯閿燂拷...

闂備礁鎼崯銊╁磿閹绘帪鑰块柨鐔哄У閺咁剟鏌ㄩ悤鍌涘2025-4-2

闂備礁婀辩划顖炲礉閺囩偟鏆︾€光偓閳ь剛妲愰弮鍫濈闁绘﹢娼х拋鍙夌箾鏉堝墽绋婚柟鐟版喘閹澘鈻庨幇顓炲妳闂佹寧姊婚崑鎾绘偩鏉堚晝纾介柛鎰ㄦ櫅閻忊晠鏌e┑鎰仯闁瑰嘲顑夐弫鎾绘晸閿燂拷...

缂傚倸鍊搁崯顖炲垂瑜版帗鍋熸い鏍ㄧ⊕婵挳鏌熼幑鎰惞鐎规洩缍侀獮鏍ㄦ綇閸撗呮殸濡炪倖娲﹂崰妤冪矉瀹ュ棙鍎熼柨婵嗘濞堛垽姊虹憴鍕唉闁衡偓閸楃倣锝夊箹娴f瓕袝闂佹寧妫佸Λ鍕叏娴犲鐓欓柡澶庢硶缁犳澘霉閻橀潧鈻堥柟顔藉劤閳诲骸顓兼担闀愬婵炶揪绲挎灙闁哄懏鐟︾换娑㈠窗鎺抽崐銈夊疮韫囨稒鈷掗柛灞诲€曢弸娆徝瑰⿰鍕诞鐎规洩绲剧换婵嬪川椤栨粠鍟嬮梺鑽ゅ仦缁嬫垿鎯屾担璇ュ綊宕卞☉妯碱槺闂佸搫绋侀崜娆忊枔妤e啯鐓曢煫鍥ㄦ煥閳绘洟鏌涢敐鍛喐闁硅弓鍗抽弫鎾绘晸閿燂拷...

闂備礁鎼崯銊╁磿閹绘帪鑰块柨鐔哄У閺咁剟鏌ㄩ悤鍌涘2025-4-2

濠电姷顣介埀顒€鍟块埀顒勵棑缁辩偛顓奸崱妤婂殼濠碘槅鍨伴幖顐︻敋瑜忕槐鎾诲礃閳轰胶浠奸梺缁樼箥閸ㄨ京绮嬮幒妤€唯闁挎洍鍋撶紒鑼嚀閵嗘帒顫濋鐘闂佸湱鍎甸弲鐘诲蓟閸涘瓨鏅搁柨鐕傛嫹...

濠电偞娼欓崥瀣晪闁诲簼绲荤亸娆戞閺冨牆绠i柣姗€娼х拋鍙夌箾鐎电ǹ袨闁稿氦灏妵鎰媴閸︻厾鎳濆┑鐐村灦钃辩憸鑸劦濮婃椽顢曢妶鍛亖濠电偛鐗婇崹鍨暦濠靛鍋愰柣鎴炨缚閵堜即姊绘笟鍥т簽闁哥姴娴烽埀顒冾潐婵炲﹤顕f导鎼晬婵炴垶岣块崐鎺楁⒑閸涘⿴娈旀繛灞傚姂瀵偊濡舵径濠勵吅闂佺偓鑹鹃崐鑽ょ矓閻撳宫鏃堟偐閼艰泛顏梺纭呮腹閸楁娊鐛弽褉鍫柛娑卞幖娴滃爼鎮楀▓鍨灍婵炲弶锕㈤獮鏍箹娴e摜顔婇梺鍦劋閸ㄥ爼宕愰幎鑺ョ厽闁靛ǹ鍎遍鈺呮煕濞嗘瑦瀚�...

闂備礁鎼崯銊╁磿閹绘帪鑰块柨鐔哄У閺咁剟鏌ㄩ悤鍌涘2025-4-1

缂傚倸鍊搁崯顖炲垂瑜版帗鍋熸い鏍ㄥ嚬閸ゅ牆螖閿旂瓔鍎ラ柛鐔烽閳藉骞欓崘銊ョ濠电姭鍋撳〒姘e亾鐎规洦鍋婇、鏃堝礃椤忓懏顫呴梻浣虹《閺呮繈宕曢妶鍜冭€块柡澶婄氨閺嬫牠鏌ㄩ悤鍌涘...

濠电偛顕慨浼村磿閹殿喚绠旈柛娑欐綑閸欏﹥銇勯弽銊х煂缂佸婀辩槐鎺楀籍閳ь剟鎮烽妷褏纾介柟鎹愬煐婵ジ鏌涘▎宥呭姤闁告﹩鍓熼弻锝夊Ω閵夈儺浠圭紓浣规煥閻°劎绮嬪鍛婵☆垳鍘ч弫銈夋⒑閸濆嫮澧遍柛鎾存皑濞戠敻宕奸弴鐐殿槴濠电偛妫欓悷褏绮eΔ鈧湁闁绘﹩鍠栭崝銈夋煛娴i潧鈧繈鐛€n喗鎲ラ柛灞剧箘椤︾増绻涢幋鐐存儎闁告ǹ鍋愮紓鎾淬偅閸愨晜娅栧┑顔斤供閸樺墽绮婚幒妤佺厱闊洤顑呴崝娆戠磼椤帞纾块柟鍙夋尦閺佹劙宕堕妸褏宕堕梻浣告惈缁夋潙煤閵堝牄浜归柨鐕傛嫹...

闂備礁鎼崯銊╁磿閹绘帪鑰块柨鐔哄У閺咁剟鏌ㄩ悤鍌涘2025-4-1

网站建设解决方案
缂傚倸鍊搁崯顖炲垂瑜版帗鍋熸い鏍ㄧ矌绾惧ジ鎮楀☉娅亣顣介梺鑽ゅ枑閻熻京寰婃禒瀣獥闁告稒娼欏Λ姗€鎮峰▎蹇擃伌闁衡偓閿燂拷 濠电偞鎸冲Λ鍨渻閹烘梻绠旈柣鏂垮悑閳锋帡鏌曟繝蹇曠暠闁绘挻娲滅槐鎾诲礃閳轰胶浠奸梺缁樼箥閸ㄨ泛顫忛崸妤€骞㈡繛鍡楁禋閸炴椽姊洪崨濠勫闁绘鍋犻。楣冩⒑閸涘﹤濮屾繛鍛礋瀵鎮㈡總澶嬬闂佽法鍣﹂幏锟� 闂備浇袙閸嬫捇鏌曟径鍡樻珕闁轰焦锕㈤弻娑㈠Ω閵夘喖鍓崇紓鍌氱Т椤﹁京鍒掗埡浣叉瀻闁硅鍋呯敮鈥崇暦濮椻偓閹煎綊顢曢敐鍥у箥婵犵鍓濋〃鎰板箯閿燂拷 闂備胶枪缁绘垵危閹烘鐒垫い鎴f硶缁愭梹绻涢崨顓犵伇闁诡喗澹嗘禒锕傛嚃閳哄啯鍤岀紓鍌氬€搁崯顖炲垂瑜版帗鍋熸い鏍ㄥ嚬閸ゅ牆螖閿旂瓔鍎ラ柛鐔烽叄閹嘲鈻庡▎鎴濆煂闂佸摜濮撮幊妯侯嚕椤掑倹鍠嗛柛鏇炵仛閺侊拷 闂備礁鎲¢悧鏇⑩€﹀畡鎵虫瀺鐎光偓閳ь剟骞忛悩宕囩瘈闁告劦鐓堥弳锛勭磽閸屾艾鏆為柛銊ョ秺閹敻顢涘鐓庢畼婵°倧闄勯娆撳疮鎼淬劍鍋℃繛鍡樼懅閸掍即鏌涢悩鍙夊殗鐎殿噮鍓涢幉鎾礋閸偅鏆� 闂備礁缍婂ḿ褔顢栭崱妞绘敠闁逞屽墴閺屸剝鎷呴悷閭︽闂佺粯鐗楃划搴ㄥ箖閹殿喕娌柤娴嬫櫇閹虫繄绱撻崒姘殲闁搞劌缍婇幃鐢割敍濮樼厧娈樻俊銈忛檮椤戞瑩宕惔銊︾厸闁稿本绻嶅ḿ鎰亜椤喗瀚� 濠电姰鍨奸崺鏍偋閻愮儤鐓ラ柕鍫濐槸缁€鍌涖亜閹哄棗浜鹃悗鍨緲閸熸壆妲愰弮鍫濈闁绘﹢娼х拋鏌ユ倵閻愮懓鈧繄绱撳棰濇晩闁哄洨濮甸崰鍡涙煥濠靛棙鍣归柡瀣у亾闂備礁鎼崐浠嬶綖婢舵劑鈧線鏁撻敓锟� 闂傚倷绀佸鍫曞垂婵傚憡鍊甸柧蹇撴贡绾鹃箖鏌熺€电ǹ啸鐟滄媽灏欓埀顒傚仯閸婃繄绱撳棰濇晩闁哄洨濮甸崰鍡涙煥濠靛棙鍣归柡瀣у亾闂備礁鎼崐浠嬶綖婢舵劑鈧線鏁撻敓锟� 闂佽崵鍋炵粙鎴炵附閺冨倻绠旈柣鏃傚帶绾偓闂婎偄娲ゅù椋庣玻濡ゅ啰纾兼い鎰╁劚閸氬湱绱撳鍜佹Ш缂侇喒鏅涢埢搴ょ疀閺囩姴顦╅梺鑽ゅС閻掞箑鐣峰Ο娆炬毎闂備礁鎲¢崝妯衡枍閺囥垹钃熼柣鏂款殠濞存牠鏌ㄩ悤鍌涘 闂備礁鎲$换鈧柤瀹犲煐閺呰泛鈹戦崼姘壕閻熸瑥瀚ョ紓姘辩磽瀹ュ拋妲虹紒杈ㄦ楠炲鎮╅棃娑滎唹闁诲海鍋i崐婵堢磽濮橀鏁婇柡鍥ュ灩濡﹢鎮峰▎蹇擃伌闁衡偓閿燂拷