美叶学习
  • 最新
  • 主题

      文章主题

    • 规范指南
    • 原理法则
    • 研究方法
    • 控件
    • AIGC
    • 色彩
    • 排版
    • 无障碍
    • 亮点
    • 槽点
    • 对与错
  • 小册
  • 关于

      关于

    • 关于我们
    • 在线支持
    • 投稿
    • 成为作者
    • 寻求合作
    • 使用帮助
目录
设计漫谈
目超
  • 第1章:前言

    第1节

    小册简介

  • 第2章:目录

    第1节

    行为判定

    第2节

    移动注册

    第3节

    消息推送

    第4节

    内容层级

    第5节

    多选

    第6节

    预防犯错

    第7节

    排序

    第8节

    标准化录入

    第9节

    打断

    第10节

    视觉层级

    第11节

    进程状态

    第12节

    密码设置

    第13节

    内容归类

    第14节

    反馈

    第15节

    操作距离

    第16节

    折叠播报

    第17节

    按钮注释

    第18节

    滑屏操作

    第19节

    选择权

    第20节

    内容溢出

    第21节

    输入暗示

    第22节

    关系映射

    第23节

    返回顶部

    第24节

    位置锚定

    第25节

    分页

    第26节

    面板优化

    第27节

    输入补全

    第28节

    信息检索

    第29节

    还原

    第30节

    内容折叠

    第31节

    通知提示

    第32节

    可视化

    第33节

    对话框

    第34节

    页面直达

    第35节

    输入法

    第36节

    清空删除

    第37节

    路径指引

    第38节

    社交对话

    第39节

    评论

    第40节

    文本框标签

    第41节

    筛选

    第42节

    光标控制

    第43节

    富媒体播放

    第44节

    数值修正

    第45节

    帮助说明

    第46节

    错误状态

    第47节

    情感化

    第48节

    浏览线

    第49节

    模态叠层

    第50节

    预览

输入暗示
2025年12月19日

相信有不少同学,有在手机上玩过密室逃脱类的游戏的经历。一般这类游戏都会在关卡设定中,参照真实世界的物理模型,为玩家提供一些破解线索。比如在一款名为「密室逃脱·迷雾」的游戏中,当玩家进入到某一幕场景时,就会看到画面的正中部分,有一台虎钳,如果你在真实世界中,对虎钳有相关的了解,那么一定能够发现,图中的虎钳明显少了一根可以使虎钳正常工作转轴。即便是没有见过虎钳的玩家,当看到虎钳中那个充满暗示的孔洞时,也会下意识的在道具袋中,找出那个可以穿越孔洞中的道具进行尝试。


同样,在互联网产品设计中,设计者也会通过经常借助用户的常规“使用经验”,亦或是客观世界的物理模型参照,向用户传递一些“隐含”的信息,通过这些隐含信息的引导,用户便可以更加轻松的完成任务。下面我们就以表单设计中,几组常见的输入暗示为例,加以说明。


输入框

输入框是表单设计中,不可缺少的组成元素。用户通过在输入框中输入文字,来完成表单的填写。输入框很常见,但是很少有人意识到,输入框的框体长度,是不可以随意设定的,输入框的框体长度需要和用户可能填涂的文本长度,大体保持一致,不能偏离太多。输入框体的长短设定,可以看做是用户输入时的某种心理参照,他需要贴合用户的填写预期。

在输入框体的选择上,如果单行输入框,在框体长度上,已经可以很好的满足用户的输入要求,那么我们就要在设计方案中,选用单行输入框。如果有大量的文字需要用户输入,并且文本数量远超单行长度,那么我们需要为用户提供多行输入框。

当然,现实的方案设计,可能还会受其他客观因素制约,比如表单设计有严格的高度要求,那么我们就不得不选用单行输入框。在这种情况下,在单行输入框内,提供必要的字数参照引导,也可以帮助用户建立明确的输入预期,减缓焦虑。


支付¥29.90,解锁全部51篇