追求卓越一諾千金

藍藍設計--_高清翡翠台,2011年成立|--永盛国际网址登录不上,主創清華團隊-__2d横版格斗网游,專注軟件和互聯網ui設計開發_车膜网。擅長企業信息化管理|||2019注册有彩金送的彩票网站、監控-|国安部邱进、大數據軟件UIUE谘詢和設計開發服務|-诸候。立足UI_重庆邦家租赁,好好學習--234彩票官网登录,天天進步-||众发彩票走势!


交互設計中的“所見即所得”原則

2019-3-5 用心設計 Bs界麵設計文章及欣賞


如果您想訂閱本博客內容__诺基亚n79软件下载,每天自動發到您的郵箱中-|_郑州长通物流电话, 請點這裏

 

交互設計中的“所見即所得”原則


“所見即所得”原則我記得在之前的文章中就提到過___头顶锅盖身披麻袋,但是沒有詳細說明_|-强x轮x系列h文。最近在體驗一些產品時__-无毒刷q币软件,發現很多交互設計上的坑都可以歸納到“所見非所得”上|_暴力破解密码软件。




所見非所得




我們可以首先來看一下“所見非所得”的案例__采花小绵羊:上周寄件去北京-_东方热线测速,在填寫收件人信息時候_--清穿之花妖耿氏,發現了一個“智能填寫”的功能很有意思--_小顺车行。所謂“智能填寫”就是OCR識別技術|-dota金箍棒,係統可以識別圖片上的地址___2018白菜网论坛。例如|_|长治市城区教育局,你的收件人地址正好是身份證上的住址||_永康农庄,那麼你就可以上傳身份證照片_|陈亚辉,係統直接識別照片上的地址而不需要手動去輸入|_|有线电视接收器。


Image title


用戶具體的操作流程是|-|无翼乌全彩无漫画大全老师:




1 拍攝/上傳照片-_1号平台下载安装;




點擊“上傳圖片”按鈕|_金冠里,用戶可以選擇拍攝或者上傳相冊裏的照片-唐人街导航,框選合適的識別區域_苏州寒山寺招聘;




2 係統識別並展示結果-_阜宁二手房;




係統會自動識別圖片中的地址信息_-剑灵妖魔项链,並且在輸入框中展示---错误类型 500,如果有識別錯誤的地方--现货黄金模拟大赛,用戶可以手動編輯修改_|_问道时装;




3 用戶確認|__奥术扰动;




用戶對地址信息確認無誤了|_|易发彩票是不是诈骗,點擊“智能填寫”按鈕__|4466k最近10天更新,輸入框裏的地址信息會自動回填到地址欄--铺铺儿;


Image title


了解了大致流程|-|苗知喻,我們來看一下兩款競品|-|132彩票ios手机版。產品A和B都提供了“智能填寫”的功能-__28彩票平台注册代理,但是在交互設計上存在差異--_118彩票会员账号。產品A|_234彩票安卓100,當用戶上傳完圖片才會出現“智能填寫”按鈕__嵩县田三红;產品B是全程展示“智能填寫”按鈕的_--淘宝整点聚秒杀器。我個人更加偏愛產品A的處理模式__13334彩票网,因為當用戶都沒有上傳圖片時-118手机开奖结果记录,給用戶展示“智能填寫”按鈕是沒有任何意義的-||盈彩娱乐骗局,這裏的“智能填寫”雖然可見但是不可得|--助赢软件app,用戶也不能點擊||qq游戏2011官方下载正式版免费下载。當然有人會說_当前热门话题,雖然不可點擊|||瑞士鹿喜微断食,但是展示了也沒什麼問題吧||臭作游戏截图?當然有問題_变态天龙,它會給用戶帶來兩個痛點-|_宋茜韩国综艺:




1) 增加了用戶的學習成本_|解放军466耳鼻喉科;




對於新用戶來說|-武汉新车上牌流程,產品A肯定更加容易上手__隆昌地震。因為新用戶一進入這個頁麵-|-csol腐化暴君,隻能看到上傳圖片的按鈕||_苗老表,用戶明白了我首先要上傳圖片---易旺彩票。產品B是直接一股腦的把所有選項展示出來||快乐大本营致青春剧组,用戶不知道這些選項之間的聯係和操作順序|_|美生美时。




2) 阻斷正常操作流程|_-虾窝;




給用戶展示了他們本不應該看到的元素-_中环放电影院,可能會阻斷正常的操作流程|--盈众彩票合法吗。用戶如果還沒上傳圖片|亿盈彩票注册,就點擊“智能填寫”按鈕會直接報錯-_覃辉的老婆林菁,“所傳參數不能為空”-|038彩票10000好提现吗?,用戶哪裏看懂這是什麼意思|_花都区教育网。


Image title


之前在火車站取票|_|真崎航资源,前麵排隊的大嬸跟我說她的票取不了--|邵天罡。我湊過去一看-才子骂小花2,發現她沒有關閉購買保險的彈框--_盈彩彩票苹果下载。因為這個彈框沒有蓋住底部“確認打印”按鈕-|大旱之年,用戶誤以為還是可以點擊的|-阿里学院视频教程,導致無法正常完成取票流程_-_重生之侯门弃女。


Image title


了解到這些痛點_|角竹光寿打成语,那麼如何才能在交互設計上實現“所見即所得”原則呢___何小萌萌萌?我總結了兩個方法-||众益彩票中国彩:限製和就近_观赏鱼之家zadull水族。




限製原則




了解限製原則-__亿彩彩票平台登录,我們需要回答兩個問題_||西青区房管局:




1)為什麼要限製__长治市教育局信息网?




因為多才要限製|_工程招投标代理,多會帶來哪些壞處-微众圈?內容多--|黑车交易市场,用戶處理不過來_-苏州园区临时工招聘;選項多|1号平台号平台官网,用戶挑花了眼_-|卓易彩票官网暂停服务;時間多-步步佳换面鞋,優惠券沒有有限期限製用戶懶得用_-360彩票官网走势。




2)限製什麼|-苹果派电影院?




限製用戶與界麵交互的觸點__雷暴套装。還是以智能填寫為例_爱唯侦察论坛,當前界麵有三個觸點|成都男子街头杀妻:上傳圖片按鈕___优彩彩票什么时候开始、輸入框||-256老彩票、智能填寫按鈕|__设备保修卡。這三個觸點分別對應著步驟一|__xiannuhu、步驟二和步驟三|__莱贝吉。如果我們在步驟一的階段給用戶提供了步驟三的觸點_-御诚电脑配件,保不齊會有用戶嚐試去交互|_应用文写作总结,這樣的無效操作會觸發報錯場景-_|雨后池塘我的小屋。所以當用戶處於一個線性的操作流程中|-11选5投注平台,根據用戶所處的階段||6个男人要过河,分析用戶可能進行交互操作|||亿彩彩票官网苹果,提供交互觸點|--1313苦瓜网,保證用戶看到的觸點都是可交互的||_钟小江微博。




罔顧用戶的操作階段-_cces快递查询单号,一股腦的把所有觸點都提供給用戶_|-优博彩票正规吗?。設計師倒是很省心_|劲舞团紫光5 0,但是用戶卻會很糟心--野兽与乡巴佬下载,他們需要花時間去判斷和分析每一個觸點的作用以及它們之間可能存在的聯係||橡胶防老剂mb。這個工作應該由我們代勞-__运盛娱乐网址,我們來分析用戶處於不同階段所需要的功能觸點_|易旺彩票是真的吗。




舉個知乎的例子--青年工社,知乎有一個“向知友提問”的功能--陈国栋的秘书。但是這個按鈕隻會在用戶滑動搜索結果頁3屏後才會出現-|钓鱼台国宾馆服务员,因為滑動了3屏|-最新毛衣编织款式,我們可以猜測用戶對當前的搜索結果不滿意_煲机音乐,引導用戶去提問_--psp讨鬼传。


Image title


當然限製原則不僅僅是限製交互觸點|_-闽侯一中,還可以應用到產品邏輯中|__13彩里面的群是干啥的,幫助用戶解決很多問題_金牛区国土局。我曾經遇到過一個場景_-男子雨中殴打怀孕妻子,公司上線了一款優惠券__|陆童撒尿事件,用戶點擊“立即領取”按鈕即可領取-_广州宏城广场。但是有些用戶會被風控判定為了風險等級過高_||优彩国际是骗局吗,導致領取失敗__1元存取款彩票平台。對於這個報錯文案-|-申诚医院,我們改了好幾版|_-财务工作总结结尾,但是每次都會收到用戶的投訴||-众乐彩票网合法吗。我們無法直接告訴用戶360彩票代购大厅,你是因為風險等級過高導致無法領取-复仇者之死qvod,因為用戶風險等級過高是因為開通了某項業務_-欧布 奥特曼。當時開通的時候|_关于美食的作文,我們並未告知開通後會被判定為高風險用戶-_038彩票可以提现吗?。所以為了不必要的麻煩|__0199游戏中心大厅,最好的辦法就是進行判斷前置|雅格奴,如果判斷用戶為高風險用戶那麼就直接不展示該優惠券_-谢谢你的温柔mv。




就近原則




從上麵的闡述中|-阳谋为上,我們可以發現“所見即所得”原則最根本的目的是為了節省用戶的操作時間|_k7k7k小游戏,提升產品易用性_|仲博平台注册账号。廣義的操作時間還應該包括了用戶對於反饋的感知時間-||剑气侠虹,因為隻有充分理解係統反饋的信息才能進行進一步的操作-_|多普达t8388微信。如何幫助用戶快速的消化反饋的信息呢-||仇岗勇士?因為反饋是係統對於用戶操作的回應__-八桂宽频,那麼我們可以讓操作和反饋盡量的貼近一點-_炒葱椒鸡 菜系,這就是就近原則|畅宜左旋肉碱。就近原則可以分為兩類_qq游戏马:位置就近和形式就近|-_许镇耀微博。




1) 位置就近




所見即所得-|_巴南区公租房,這裏的“所見”即代表著用戶的視線-_-德甲球队队徽,而用戶的視線總是停留在上一個交互觸點附近|_360彩票网导航走势官网。


Image title


例如-_众发国际娱乐网,還是寄件的場景|-_中国乐队名字,要填寫發件人信息_|-苏州缂丝,我懶得重新填寫一遍地址__诺亚信a800,正好看到輸入框右邊有一個附近地址的功能-_|艺龙团购后台。我點了一下_-|广州恒大足球学校,沒有反應_2019最新亚洲足球排名,又點了幾下才發現底部出現了一個“附近地址”的列表--大度对开尺寸。這裏的交互觸點是“附近地址”的文字鏈接_-_苏木科,我的視線也是停留在附近-_mc水观音擦皮鞋歌词,沒有注意到下拉列表已經出現在底部_|-中国石油价格表。操作和反饋完全不在同一視覺區域|_永盛国际彩票靠谱么。




2)形式就近




形式就近___掌信彩app下载,這裏的形式特指反饋形式-_宇通客车45座报价。目前最通用的反饋方式是彈框-众发彩票倍投能赚钱吗,彈框的弊端也就恰恰在於它的“通用”上_-艳杀天下。所有類型的反饋都可以用彈框來承載|__锦州有线宽带,用戶無法立刻感知到彈框所傳遞內容是什麼_|智彩指南。既然反饋是係統對於用戶操作的回應__亿发彩票首页,而用戶操作又是一個個交互觸點所觸發的_||无叶涡轮增压器。如果我們可以通過改變觸點自身形態的變化來完成信息的傳遞_|_江陵肃父母是谁,用戶感知起來會更加容易|106福利版彩票。


Image title


舉個例子_-易彩票安全吗,用戶在輸入登錄密碼的時候|||注册给彩金的游戏网站,其觸點是輸入框|藤原岛子。當用戶密碼輸入錯誤的時候-_红米手机td版是什么意思,我們可以通過抖動輸入框的方式告知用戶輸入錯誤-_诸葛智彩软件怎么样,這裏抖動是現實生活中“搖頭”的映射_-_东北二嫂水仙车震ed2k,我們都知道搖頭代表著否定的意思||35彩票登陆,用戶不用看到彈框上的“密碼錯誤”幾個字也能明白密碼輸錯了-1980私彩平台信誉排名。




總結




以上就是我對交互設計中“所見即所得”原則的總結和分析--143期双色球开奖中奖地,如果你有不同的意見和看法寻找了解绝杀技,歡迎留言或者加群討論

 

藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司||-智彩电子图v500,為期望卓越的國內外企業提供卓越的UI界麵設計__-乐成公立寄宿学校、BS界麵設計 -|张柏芝约谈谢霆锋、 cs界麵設計 _||马云评价云联惠、 ipad界麵設計 __赛尔号艾克里桑怎么融合、 包裝設計

標簽: 交互 產品 可用性 « 特價商品價錢頁設計--|火山石产地,不管怎樣_|_好千度,得熱鬧起來_-|腾讯13周年抽奖活动是真的吗! | 怎麼樣豐富您的界麵||武汉天地电影院,價格頁簽的設計__猎野人电视剧全集。»


訂閱Rss