Design For AI
// 设计AI,设计未来 // 从产品设计角度介绍 AI 产品、讲解设计方法、传授设计策略
目前在 iOS、Android 上使用 ChatGPT 的方法,要么是浏览器访问 ChatGPT 官网页面, 要么使用某个 ChatGPT APP,要么使用捷径呼出 ChatGPT,有没有一个更加全局层面的用法,让我们在“任何地方”使用 ChatGPT?
的确有个方法:使用 ChatGPT 键盘 / ChatGPT 输入法。
下面以 Smarty 这个 iOS APP 为例,解释一下 ChatGPT 键盘的设计。
![设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 14](nishuang.net/wp-content/uploads/sites/10/20.. "设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 14")
Smarty APP 安装后,会在 iOS 里安装一个名为 Smarty 的新键盘。以后只要界面里有输入框,你就可以像呼出 emoji 键盘一样呼出 Smarty 键盘。
Smarty 键盘呼出后,屏幕下方约 50% 的区域会变成 ChatGPT 功能区,你可以像所有 ChatGPT 客户端一样,使用 ChatGPT 的摘要、改写、翻译等等功能。
Smarty 键盘输入信息的方式有点笨,它并没有提供输入框!你得先在 Notes、浏览器地址栏等输入框里选好文字,而后再点一下 键把选中的文字黏贴进 Smarty 键盘,而后开始实际的摘要、改写、翻译等等操作。
![设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 15](nishuang.net/wp-content/uploads/sites/10/20.. "设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 15")
OK 拿我的工作室网站的“关于”页面测试一下:在地址栏里选中 url,点 再点“摘要”,Smarty 调用 ChatGPT,为“关于”页面生成了两种格式的摘要,先是段落形式的文字摘要,再提供列表形式的要点。
生成结果还不错,可见 Smarty 键盘背后的 Prompt 还挺实用。
再补充一个开发者自己推荐的使用案例:在微信聊天里,点姑娘的话 – 转入 Smarty 生成套话 – 黏贴回微信聊天 – 完成一次完美对话!
在这个例子里,可以看出开发者自己对 Smarty 键盘的定义:并非整合进来的 copilot,而是为现有产品助力的外挂。
解决了什么问题
用 iOS 或者 Android 系统键盘的方式提供 ChatGPT 功能,只要有输入框就能用 ChatGPT,这种设计思路一方面为手机提供了全局的、系统级别调用 ChatGPT 的能力,方便用户在“任何地方”使用 ChatGPT。
另一方面键盘的产品形式比较轻量,弱化了“又得下载一个 ChatGPT 客户端”的心理障碍。要知道现在每个用户手机上都有多个 ChatGPT、每个都既有用又有缺点,“又得下载一个”的心理压力很不舒服。
另外国内使用 ChatGPT 有障碍,Smarty 键盘以收费服务的方式提供 ChatGPT 服务,也算避免了一系列的折腾。
怎么改进设计
Smarty 键盘的 UI 和 UX 设计有严重的问题,因为产品定义更像一个 AI “外挂”, 所以相比一般的 ChatGPT 产品,它操作起来特别不自然,甚至说不正常。
![设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 16](nishuang.net/wp-content/uploads/sites/10/20.. "设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 16")
主要问题之一是呼出键盘很简单、但启动 ChatGPT 的步骤较麻烦。
问题之二是没有内置的输入框,无法直接跟 ChatGPT 对话。利用界面里现有的输入框作为输入框,把键盘区作为输出窗口,这表面上看似工整,其实产品逻辑有漏洞,本质上说,这个设计剥夺了 ChatGPT 最重要也最受欢迎的功能:聊天/对话式人机交互。(注:也有另一个可能,或许因为试用额度用完了、订阅之后就能出现输入框?不得而知)
问题之三是一组单纯的 UI 设计问题:操作区太小、显示区太小、按钮太小…所有操作都很局促;UI 配色、排版、交互都很业余…不展开说了。
产品设计想象空间
考虑到搜狗输入法们早已升仙,把基本的输入功能扩展成马斯克梦想的“超级APP”,苹果也早就把 Siri 整合进了键盘区,估计以后 ChatGPT 键盘、AI 键盘、Copilot 键盘都会变成常态,各大公司会把这个功能都实现一遍。创业团队、独立开发者如果仅仅提供通用的 ChatGPT 键盘、而不能提供某项专用功能,估计很快就被淘汰了。
同样的 ChatGPT 键盘思路当然也可以用在桌面电脑上。电脑的屏幕更大,还有物理键盘和鼠标,呼出键盘、启动 ChatGPT、内置输入框、宽敞的操作区…这些手机上难以实现的用户体验,在桌面电脑上很容易实现。
一旦在电脑里“任何地方”引入 ChatGPT,并且引导用户开始跟 AI 聊天,后面就该卖广告卖广告、该分发流量就分发流量、该乱收会员费就乱收会员费,说不定那几个“一万年”都做不好社交的大公司,还能利用键盘、输入法和 ChatGPT 再试一次社交呢!
补充
本文发布的同时,微软正式在 SwiftKey 键盘里,为 iOS、Android 新增了 Bing Chat / ChatGPT 功能。
参考 ZDNET 的新闻,微软在 SwiftKey 键盘里集成了搜索、修改语调、聊天三个功能,和 Smarty 键盘一样,SwiftKey 键盘也是在约占屏幕大小 50% 的键盘区里进行操作,UI 和交互设计也是说不上来的奇怪,或者说以前并没有太好的设计模式(design pattern),来在这么小的操作区域里做这么复杂的操作,所以怎么看、怎么用都觉得别扭。
![设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 17](nishuang.net/wp-content/uploads/sites/10/20.. "设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 17")
在 SwiftKey 键盘里使用搜索(Lance Whitney/ZDNET)
![设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 18](nishuang.net/wp-content/uploads/sites/10/20.. "设计 | 怎么在 iOS、Android 的全局层面使用 ChatGPT 18")
在 SwiftKey 键盘里修改文字的语调(Lance Whitney/ZDNET)