• 在线答题小程序,多选题的交互设计


    在线答题小程序,多选题的交互设计

    ~

    本文仅仅是分享一种多选的细节优化

    多选题相对于单选存在很大 的复杂性

    ,很清晰的记得,在之前某次答题活动的运营过程中,有用户(尚尚)反馈,命名我没有做错为什么扣分了,当时她依据的是在查看错题里面没有标记红色的错误项

    因为答案是ABCD,

    而用户(尚尚)选择的是ABC,而错题解析标记的是所有的正确答案,这样就是四个选项都标记了,没有红色错误标记

    之前的设计存在这个弊端

    今天分享的多选交互便解决了这个问题,具体请看下面的界面截图

     

     

    ~

     

     

    ~

     

     

    ~

     

     

     

     

    ~

    不知道大家通过上面四张截图有没有看懂具体的细节在哪里

    在第四个截图,尚尚选择的是AB,而正确答案是ABCD,其中CD二项标记的颜色是有所区分的

    我就是说这个细节,对于答题小程序开发者而言,其实可以不照顾这个场景,但是就存在一定用户查看错题解析时,出现一些认知上的问题,

    很多时候,我们做产品,其实可以做的更好,就看每个人对产品的追求,就像我们在工作中一样,一份工作你完成6分就及格 了,你是否想追求8分,这个每个人有不同的追求

     

    其实我最近通过上面的小程序学到了很多,看似一个不起眼的答题小程序,在细节的处理上真的是工匠精神。

     

    未来可期,前途可待,加油

  • 相关阅读:
    docker内存和cpu调试
    docker网络之overlay
    docker网络之bridge
    kubernete的证书总结
    docker网络之macvlan
    理解kubernetes环境的iptables
    前端面试题和答案
    软件项目技术点(25)——提升性能之检测绘制范围
    setTimeout的实现原理以及setTimeout(0)的使用场景
    HTML5新特性之WebSocket
  • 原文地址:https://www.cnblogs.com/MyFlora/p/15086523.html
Copyright © 2020-2023  润新知