大家无论是发微博,微信,知乎,等等,都会使用到键盘(内容编辑器),今天就跟大家一起思考和探索,键盘设计有哪些比较好的设计体验。
首先,我们先看最基础iOS原生控件的键盘。
在最基础的社交中,原生键盘已经足够我们使用,但是在内容原创类的产品中,这些是完全满足不了键盘侠的操作的,功能性的扩展是必然,下图的基本功能扩展内容,都是我们在编辑文章时最基础的排版工具。
以上的功能,如何将其嵌入到键盘的设计中呢?
键盘设计参考
产品名称: iOS 备忘录
参考内容:文本样式
iPhone备忘录的原生编辑器是非常值得参考的,它对于扩展功能的交互设计做的极好。
在文本样式中,它将所有功能都排列的很清晰,体验也非常好。
如果你觉得这种编辑器很麻烦,它在文本处做了一个快捷编辑,手指长按选择,就可以简单的编辑样式。
备忘录编辑器的交互和排版样式可以应用在很多产品中,如果你觉得不太好,那可以对比看一下微博头条文章的文本编辑器,俗话说,没有对比就没有伤害。
产品名称:腾讯QQ
参考内容:图片选择
一般我们在聊天过程中,如果需要发送照片时,需要点开相册的按钮,然后进入二级页面相册中来选择。
QQ在发送图片的交互中,做了一个选择框,可以快速的选择,不用在进入二级页面选择相片了,非常方便快捷,不过这个设计只能选择最近的照片,如果想发送以前的照片,点击左下方的相册就可以了。
产品名称:印象笔记
参考内容:文本样式
印象笔记的文本样式设计和备忘录有些相似,可以说是基于备忘录的文本编辑器升级优化的,这里不考虑视觉,只看其功能和交互。
印象笔记在键盘上方的空白处做了标签选项,用户可以方便的切换键盘和编辑器,而且,它在底部设计了文本色彩选择。
在排版编辑中,增加了段落编辑,选择列表等,对功能的分类非常清晰。
总结
在设计文本编辑器时,可以参考以上设计方法,把自己当作一个用户来设计,虽然每个产品对于编辑器的功能都有一定的限制,不过,好用的编辑器依然会受到用户的青睐。
如果你想成为一个键盘侠,先把自己的键盘来好好设计一下吧。
登录 | 立即注册