基于 VIVE 手柄的拼音输入产品交互设计

整体说明

使用手柄作为游标控制器。在文本编辑器中，两个手柄对应两个游标。在游标确定位置后，快速扣动扳机（任意一侧）进入文字编辑状态，文本输入框内游标消失。输入法进入可视编辑状态。

进入编辑状态后，左侧板机作为取消输入，右侧板机进入确定输入。左侧板机触发后文本编辑光标调回游标。右侧扳机则根据不同文本状态相应不同出发状态。

在拼音编辑状态下，左侧板机包含备选文本选择和确认。符号、英文和数字时，右侧板机为直接确认输入。

同时，数字输入还包含包括扳机的共同操作，单侧扳机包含切换英文大小写的业务组合，具体内容参见按键分布。

同时扣动双侧扳机切换输入类型，输入类型包括拼音、符号、表情和数字。

手掌侧按钮（Grip）作为删除按钮，长按快速删除。

基于手柄的输入交互设计

手柄样式

本输入法是基于拼音输入法的一次VR化尝试，其核心原理是触摸Trackpad特定区域进行字母选择，然后通过其他交互方式确定选择，完成拼音输入。

完成拼音输入后，通过手柄操作完成输入文字选择，实现通过手柄进行文字输入的过程。

同时，支持数字、字母输入和符号输入。

VR输入法包含手柄操作部分，界面中展示部分，基于手柄的文字复制粘贴等编辑部门，并可以通过Markdown标记输入完成文本编辑。

输入设置

根据手柄持握方式自动区分左右手，并根据左右手确定键位。

手柄虚拟场景中的界面展示

以上功能界面和手柄模型绑定在一起，样式可参考下图：

Trackpad按键分布

手柄的trackpad将在拼音输入中有两种状态，第一种状态为输入状态，默认为这个状态。

第二个为选选择状态，属输入完成后，扳机（trigger）确定后，在圆盘上滑动选取字符，并再次摁扳机确认。

为防止误操作，可设定左侧trackpad只接受上下滑动，右侧Trackpad只接受左右滑动。

手柄trackpad区域虚拟按键对应文字输入，其中拼音和英文键位一样，数字和符号键位不同。

数字、符号、英文没有输入确定后再次选择确认的步骤（未来如果有英文联想输入则需要考虑增加）

拼音按键输入

选字流程

在相关区域摁下（Trackpad press）后选择，需要确定具体字母按照下方方式完成

输入法将有两种选字设计：

1，在特定区域按下，并保持800毫秒，弹出十字格来再选择字母。

（注：需要确定可行性）

如下图

2，输入后不选择字母，系统按照拼音匹配将符合的文字列出在输入法界面中，显示在备选字词区域，供用户选择。

流程为输入拼音，不选择字母，在界面备选字词区出现符合输入范围的词，通过trackpad确定选择。

英文输入

大小写切换

长摁左侧扳机（L trigger）切换大小写。并在界面帮助说明tips中增加提醒。

字母输入切换和拼音一致。可增执制定区域多次点击切换字母的方式：

例如：

ABC区域单击A、快速连续双击B、快速连续三击获得C。

数字输入

三种方式快速输入78、90中的任何一个：

1，摁下78或90，800毫秒，弹出中滑动选择；

2，单独按下（默认）显示左侧数字，快速双击出现右侧的数字：

例如单机显示7，双击显示8。

2，长摁左侧扳机（L trigger）输入左侧数字，如78中的7，90中的9。

长摁右侧板机（R trigger）显示右侧数字，如90中的0。

符号的输入

中英文符号输入

长摁左侧扳机（L trigger）切换中英文符号。

并在界面帮助说明tips中增加提醒。

符号的的选择逻辑和英文一样。

从目前的交互结构来评估，拼音会主要使用匹配法，数字更倾向于直接输入，而符号会更流行用摁下选择的方式。

输入法界面设计

输入法界面是指跟随在文本输入光标位置，呈现的输入法输入服务。

在VR输入法中，输入法界面元素有三部分组成：

• 触摸板对定区域（trackpad）

• 输入内容显示区域

• 备选文字区域和备选文字展开区域

在界面中，需要展示功能说明，用tips的形式展现，整个界面的样式如下：

说明：

“|”：是文字编辑时候的光标，是手柄游标确定的编辑位置

整体说明

在这个区域中，展示用户输入待确认的文字和已确认的文字。

例如：

用户在输入板ABC区域摁下，此区域默认显示a，如果再输入区域选择输入c，此区域则显示c。

如果用户按下abc区域和bef区域，则显示所有符合拼音规则的词组，这里显示“ce”。

备选文字区域是根据输入的单词，组合成的符合拼音规则的凡此。

拼音输入法保持三行备选文字展示。（可根据具体设计进行调整）

例如：

如果用户按下abc区域和bef区域，则显示所有组合符合的词或词组，这里显示ce下的词。

展示的是对应trackpad触摸样式，蓝色点对应显示手指触摸（非按下）的位置。

参考原型

在拼音模式下的界面原型

在数字、英文和符号模式下的界面原型

非文字输入的交互设计需求

字符选择

游标指向文字后，在可编辑文字内变成光标。通过两个游标确定需要选择的文字，确定后按下右侧扳机，被选中文字或段落反白，展示为备选状态。

通过移动手柄变更被选择文字状态。

光标编辑

游标指向文字后，在可编辑文字内变成光标。

按下右侧扳机，呼出编辑工具菜单。

编辑工具菜单

游标指向文字后，在可编辑文字内变成光标。光标位置确定后长摁单侧扳机进入编辑工具栏，下图是编辑菜单栏的样式：

上图红色的“|”为编辑状态的光标。

其中，展开菜单后，通过trackpad的触摸操作选择。

文/dizzarz

关键字：交互, 产品设计, 输入

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！