相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

UI设计师必须要了解的微文案设计

凹凸发布于:2020-9-27 20:44 |原作者: 大师聊设计|
凹凸
上海市 长宁区 设计爱好者
发私信 + 关注
简介: 近几年国内外交互设计领域兴起了一种新的观念,很多的用户体验专家都意识到,往往越细节的地方越是存在着成就或者破坏用户体验和转化率的因素。这意味着微文案将成为下一个交互设计探索的领域。 ... ...



UI设计师必须要了解的微文案设计 飞特网 UI设计教程

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

3.2.1 占位符文案的设计原则

占位符是用户在表单填写之前占据在表格当中的字符。占位符会在用户唤起输入键盘后消失或者移动。但是很奇怪,自从这种给用户提示信息的方式诞生后,占位符成为了每个表格当中必须要具有的元素,因为设计师们总是会认为,空着不太好。

因此就会有一种很奇怪的设计。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

事实上,这种情况下标题与占位符文案两者取其一即可,本来被替代的应该是占位符。但由于移动端的界面容量很小,大部分情况下没有空间容纳标题,所以在设计时往往让占位符同时代替了标题的功能。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

但是这也有一个坏处,那就是这非常考验用户的短期记忆,一旦用户在填写过程中流程被打断,他们就不得不删除已填写内容去查看所填内容。所以如果界面的空间足够,可以采取一种折中的方式,即在用户开始填写后,占位符文案就移动到表格上方。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

那么下面我们就来介绍一下占位符文案设计的几种方式:

1.问题型占位符:

你需要搜索什么?你在寻找什么样的服务?运用提问的功能来表述表格的功能。

Twitte 会在会话框中显示"发生了什么事?"

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

哈啰出行的终点位置设定"你想去哪儿? 

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

小小优趣上的趣味对话。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

一般来说,问题型占位符就是为了以跟用户对话的方式来提示用户输入框中需要填写的信息,从而在帮助用户填写的同时,促进用户与产品产生互动。

2.类别型占位符:

定义表单中需要填写的信息的类别。从而指导用户防止其在不必要的格式问题上犯错。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

3.举例型和引导型占位符。

有时候举例可以帮助用户更快更好的完成表单的填写,这种在开放式问题的表单中优势尤为明显。他可以让用户瞬间了解到自己怎样填写。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程


44

好评
35

差评

刚表态过的朋友 (79 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

凹凸
上海市 长宁区 设计爱好者
+关注 发私信
  • 加拿大高端厨具品牌Le Creuset品牌设计
  • 德国VALOR de Olivares红酒包装设计
  • 日料店标志设计
  • 创意甜品海报设计
  • 皮肤科诊所VI设计
  • 刺莓酒包装设计
发表评论

最新评论

引用
hanju发布于:2020-12-24 11:43
资源不错,感谢分享。

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
  • 我们一直在进步...
  • 2022年3月27日,飞特派单系统第三次升级调整结束,订单匹配更快、更精准.
  • 2022年3月飞特派单系统日均派单量超过20单.
  • 2022年1月1日飞特系统派单数量达到2013单.
  • 2021年11月1日飞特需求方订单数量增长超过200%.
  • ...