關(guān)于交互一致性的思考

最近團(tuán)隊(duì)在做用戶訪談時(shí)反饋出這樣的問題:用戶在填寫信息時(shí)沒有感知到是可以直接填寫,認(rèn)為只能通過右上icon喚起通訊錄進(jìn)行選擇信息。(如圖1所示)

圖1

直接看圖1確實(shí)只有右上icon是可點(diǎn)擊的預(yù)期。導(dǎo)致這樣場景出現(xiàn)的原因是我們有聯(lián)系信息的缺省值邏輯:『上次下單時(shí)用戶填寫的姓名/手機(jī)/電子郵箱』--『用戶帳戶的姓名/手機(jī)/電子郵箱』--『空』。所以大部分情況下都會(huì)出現(xiàn)圖1的場景,少數(shù)情況會(huì)出現(xiàn)圖2無缺省值的場景。

圖2 無缺省值

可是僅僅是缺省值的原因嗎?當(dāng)我們整體觀察當(dāng)前頁面時(shí),會(huì)發(fā)現(xiàn)除了聯(lián)系人信息這塊內(nèi)容以外,其他部分都是點(diǎn)擊進(jìn)入下一頁面進(jìn)行選擇等操作。(如圖3所示)

圖3?

所以對(duì)于當(dāng)前頁面來說,用戶感知到的每個(gè)信息區(qū)域都是『點(diǎn)擊』--『進(jìn)入編輯/選擇頁面』的交互邏輯。

我們?cè)倏纯雌渌鸄PP的類似場景,京東的結(jié)算頁面(如圖4所示)和網(wǎng)易考拉的編輯賬戶信息頁(如圖5所示),都保持了頁面的『點(diǎn)擊』--『喚起操作』的交互一致性,這里的操作可能是進(jìn)入新頁面的文本編輯,也可能是上拉ActionSheet。

圖4 京東結(jié)算頁


圖5 網(wǎng)易考拉編輯信息頁

結(jié)論:

在APP的整體設(shè)計(jì)中要考慮到交互上的一致性,這樣才能確保任何操作的結(jié)果都符合用戶的預(yù)期。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,228評(píng)論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,659評(píng)論 19 139
  • 吃貨地圖產(chǎn)品需求文檔 V1.0-2015/03/30 1概述 1.1產(chǎn)品概述及目標(biāo) 概述:“吃貨地圖”是一款基于i...
    michaelshan閱讀 5,987評(píng)論 1 46
  • iOS 9設(shè)計(jì)規(guī)范 中文版 完整版譯者注:本文譯自蘋果官方人機(jī)界面指南 iOS Human Interface G...
    海寧Hennie閱讀 13,645評(píng)論 2 60
  • 寫字兒前先上傳張圖片哈,增加點(diǎn)美感。 2017年2月16日:全上海各中小學(xué)幼兒園開學(xué)的大日子,我家的女兒在家...
    靳丫頭閱讀 479評(píng)論 0 0

友情鏈接更多精彩內(nèi)容