【文章预热】

作者: 德川亮 | 来源:发表于2015-07-16 23:51 被阅读403次

    预热1:你能分清楚【单选框】和【复选框】吗?

    你猜你猜

    预热2:你知道【开关控件】和【复选框】的区别吗?

    开关控件用起来很爽,可是……

    预热3:界面中的标点符号你注意过吗? “~”;“【】”;“!“……

    你注意过吗!?!

    招聘广告

    美团 UED 招聘交互设计师&交互实习生

    要求:不多说了,你们都懂;
    其他:实习生入职同样配备 MacBook Pro;
    地点:【北京-望京SOHO】
    内推投递邮箱:iamwsl@foxmail.com
    最后给你们看看办公地点的图~

    路边看望京 SOHO 33层的视野 部分区域的设施 部分区域的设施

    相关文章

      网友评论

      • Hawe:补充:
        关于问题1:
        除去主要判断依据,长期的使用习惯也应该被考虑进去。

        关于问题2:
        开关控件的好处在于在具有文字描述的项目栏中,通过颜色能明显区分开启与关闭的状态,同时图形化能让人明白这是一个可操作开关选项。

        而复选框则沿用了已有的操作习惯,但在具有文字描述的项目栏中(如:苹果-设置-各项目栏),勾选难以突出,无法达成一个良好的用户反馈。当然你也可以把勾的颜色改成鲜艳的颜色。在形状表达上,单一的方框容易让用户产生疑惑:点击是否会进入到下一个页面?

        关于问题3:
        咳……那个感叹号后面的引号……

        “你注意过吗!?!” 这里使用的“?!”号有历史来源,名作 疑问惊叹号(英文:Interrobang),但并不属于正式标点符号。附维基链接:https://zh.wikipedia.org/wiki/%E7%96%91%E5%95%8F%E9%A9%9A%E5%98%86%E8%99%9F
      • Hawe:关于问题1:
        @夜汪子 所说,左为复选,右为单选。似乎从早期图形界面出现以后就有了这样的设定(具体从何出现待考究,我现在看过较早的为windows 98界面)。至于 @德川亮 先生所提出的高学习成本与奇怪的疑问,我想我们可以从设计者的角度寻找可能的答案。

        先说观点,人们判断是选择操作是复选还是单选,并不【主要】通过方形和圆形来做为判断依据,更多情况是通过打勾符号和点儿状符号来区分判断。

        我们可以在Android和iOS上看到许多多选项标记的例子,如:iOS界面照片应用中-选择-勾选照片。这样的行为逻辑应该是从现实中在纸上的书写习惯引用过来的,以打勾的方式做标记。至于为什么是一开始就以方形框做底,暂无到相关资料。

        而点儿状的选框,它的英文为 Radio button,不难想象它的形状来源了——按钮。在现实中,按钮往往是单一对应的功能的情况,同时点状标记也较难书写和突出,较少用于标记作用。

        图形界面应该是以现实为基础不断完善至今,以上均为对最初设计者的一种揣测。

        两点疑问:
        简书评论中也支持Markdown吗?
        美团的实习生面试需要到北京去参加吗? :grin:
      • 德川亮:哈哈~感谢
        1.一直以来的web的页面和客户端, 确实如你所说,是这么区分的。但是有没有想过,用矩形和圆形区分复选和单选,其实很奇怪,且学习成本也高~。所以,你可以参看看一些移动App怎么做的~~
        2.差不多说到关键点了,不过我还有一些其他点和内容~
        3.也差不多到点了,不过我主要讲应用和反例~当然还有其他符号~
      • 夜汪子:预热一:左边是复选框,右边是单选框。
        预热二:开关控件只是对某个功能的开启与关闭,复选框则是在拥有开关控件功能的同时还可以多选对象在下一步进行统一操作。
        预热三:“~”放在句尾会给句子轻松的语气;“【】”会告诉阅读者符号中的文字是接下来操作的重点;“!“强调这句话的内容很重要。
        :sweat: 对么

      本文标题:【文章预热】

      本文链接:https://www.haomeiwen.com/subject/raqpqttx.html