优秀設計分享 头像

消息来源频道

优秀設計分享

@jiaohusheji

频道4,193 位成员公开可见持续更新

UI网页设计、交互设计、优质精简内容分享,生活、产品、无障碍设计、工具等。 @https1024 互联网从业者充电站

成员规模4,193 位成员
在线情况待同步
消息总数9,428 条消息
浏览量总数366,406 次浏览

在这个频道里搜索消息……

t.me/jiaohusheji

阅读应用 Readwise Reader 的教程有点意思,有游戏新手教程的感觉了
一般软件的新手教程会显得很枯燥,Reader 的教程则是上来指出了这一点,然后表示“我们的教程梗图量十足,尽管往下看吧”
软件的使用涉及到交互,而 Reader 的教程也考虑到了这点,随着阅读的进行,我会有意识的跟着引导尝试一些基础操作,很快就熟悉上了用 Reader 做阅读要用的操作,最开始的 6 个教学操作是:
1. 用方向键 ↑↓ 移动焦点指示器(顺带告诉用户,做阅读笔记可以不用鼠标)
2. 按 H 键高亮标出(用文章里的动图示例,让用户知道图片也可以高亮)
3. 按 Z 键撤销
4. 用 [] 键隐藏侧边栏
5. 按 N 键高亮并写笔记
6. Ctrl+K 打开命令面板,查看更多快捷键
前面这段步骤做下来,有非常强烈的「好的游戏教学设计」的既视感,我总结下来原因包括:
- 在做中学,不是让用户被动的等着功能介绍填鸭,而是可以阶段性动手,获取肉眼可见的反馈
- 沉浸式教学,不遮蔽、打断用户的自主行动
- 循序渐进,类似游戏里先学习移动再到战斗放技能,这里也是先移动指示器,再到高亮做笔记
- 专注于核心操作,对于做阅读笔记非必要的操作没放在这里讲,而是留给用户自己去探索了,这里的前 5 个步骤熟悉下来,在 Web 端做笔记是没问题了
学完也有种感觉,可能是 @少楠Plidezus 会感兴趣的设计案例