
如果我无法集中注意力?
一组魔法盒子
如果我无法集中注意力?
一组魔法盒子



Start focus
Let you focus
more on study and
work


Hello,
My Class Schedules
9:41
Free focus
9:41
Start focus
Let you focus
more on study and work
Overview
专注盒是一组物理交互媒体,通过揉捏、旋转和吹气等操作,生成视觉、听觉和触觉反馈,帮助用户放松并重新集中注意力于当前的产品设计实践。
同时,它配备了专用的Focus-APP,可以记录用户每一次的专注周期,帮助用户培养长期的专注习惯,提高学习效率,真正体验数字设计的功能性。
专注盒是一组物理交互媒体,通过揉捏、旋转和吹气等操作,生成视觉、听觉和触觉反馈,帮助用户放松并重新集中注意力于当前的产品设计实践。
同时,它配备了专用的Focus-APP,可以记录用户每一次的专注周期,帮助用户培养长期的专注习惯,提高学习效率,真正体验数字设计的功能性。
Timeline
2020.03 - 2020.09
2020.03 - 2020.09
Role
UI/UX Designer; Product Designer
UI/UX Designer; Product Designer
Design Process
User Research
Design Definition
DISCOVER
Explore Solution
Product Design
Interaction Design
DEVELOP
Interaction Design
UI Design
Final Display
DELIVER
Discover
User research
User research
我通过问卷调查获得了经典用户画像,并分析了用户旅程图以识别痛点、需求和机会。
我通过问卷调查获得了经典用户画像,并分析了用户旅程图以识别痛点、需求和机会。
27
Bachelor
China
Female
Designer
Meticulous
Assertive
Energetic
Helpful
Creative
Tech Savvy
Single
Scenario
烧开水,做晚饭,泡一杯咖啡,拿出一支笔,放松,调整好姿势,拿出手机播放喜欢的歌曲,查看微信是否有新消息,开始进入在线教育平台听课。大约10分钟后,手机有微信消息提醒,不禁拿起查看,又过了10分钟,还在刷手机。突然听到电脑响了,才意识到在上课,赶紧跳回到10分钟前的内容。
烧开水,做晚饭,泡一杯咖啡,拿出一支笔,放松,调整好姿势,拿出手机播放喜欢的歌曲,查看微信是否有新消息,开始进入在线教育平台听课。大约10分钟后,手机有微信消息提醒,不禁拿起查看,又过了10分钟,还在刷手机。突然听到电脑响了,才意识到在上课,赶紧跳回到10分钟前的内容。
Pain Points
学习时间不足且时间段有限;
需要长时间集中注意力,通常在工作后感到疲惫;
自控力差,容易被工作消息和朋友的社交信息分散注意力;
课程设置不科学,时间过长或互动较少,容易分心;
类似课程太多,难以选择
学习时间不足且时间段有限;
需要长时间集中注意力,通常在工作后感到疲惫;
自控力差,容易被工作消息和朋友的社交信息分散注意力;
课程设置不科学,时间过长或互动较少,容易分心;
类似课程太多,难以选择
Personality
Introvert
Extrovert
Thinking
Feeling
Judging
Prospecting
Assertive
Turbulent
nbbubbubbbbbhbhbhbxdfghvhcftxfxdxrdrdfrfdbbbbhbhbhbxddfghvhcftxfxfxdxrdrdfrfd
Intuitive
Observant
Goals
提升专业能力,获得升职和加薪;
培养兴趣爱好,丰富业余生活;
结交志同道合的朋友
提升专业能力,获得升职和加薪;
培养兴趣爱好,丰富业余生活;
结交志同道合的朋友
Motivations
Achievement
Social
Hobby
User Journey Map


Demand priority
个性化的课程定制
有趣和互动的微互动
系统化的即时奖励
视觉学习的伴奏
易于使用的课程备忘录
易懂的功能架构
清晰的作业提交途径
生动的社交分享
可视化的数据反馈
完成任务的物理互动
通过手势识别交互命令
生物反馈,提醒你集中注意力
宁静的互动来记录学习阶段
通过微表情识别学习状态
通过物理操作来重新建立注意力
学习效率
使用效率
边际注意
使用效率
学习效率
专注力
使用效率
情感上的共鸣
成就感
学习重点
学习的成本
学习的成本
使用效率
情感上的共鸣
认知难度


人们持续学习的动机是什么?
如何有效解决学习过程中缺乏集中注意力的问题?
Discover
Design Definition
Design Definition

用户想要得到什么?

我们能为用户做什么?
· How might we...?
"通过有形的互动陪伴,创造更有针对性的体验,学习得到了加强。"


外部唤醒

内部唤醒
How to wake up users?

外界反馈和内部反馈

为什么需要多样反馈?
How to diversify feedback?

动机

能力

触发
How do I get users to interact?


Develop
Explore solution
Explore solution
Psychological Research,Methods,Interactive design
Psychological Research,Methods,Interactive design
Psychological Research
出现在8-12Hz之间的低频段,专注于外部空间而不太关注物体本身,这种放松的状态可以进入α波频率,有助于进入流动。灵活运用注意力,将注意力从狭窄的地方转移到分散的地方时,专注于周边的视野,可以达到平静的效果。
Alpha Brain Waves
Attention curve
Normal
Focus
Mental flow
Distracted
Tired
Nervous
time
心理学研究发现,
人们的注意力曲线随着时间的推移有递减的阶段。
我们怎样才能提高人们在下降阶段的注意力?



Kavous Salehzadeh Niksirat, Chaklam Silpasuwanchai, Peng Cheng, and Xiangshi Ren. 2019. Attention Reg- ulation Framework: Designing Self-Regulated Mindfulness Technologies. ACM Trans. Comput.-Hum. Interact. 26, 6, Article 39 (October 2019), 44 pages.


Methods
Peripheral vision
灵活地使用你的注意力,在将你的注意力从狭隘变为分散时,关注你的周边视野,你可以实现和平。

Attention Regulation framework
有意识的、有规律的行为有助于进入心灵的流动,使人能够自然地、持续地将注意力带回当下。(Niksirat et al., 2019).
Long-term focus
+
Short-term reminders
Relaxation mechanisms
Interactive design
识别注意力曲线中最容易分心的时期,通过周边视觉和有意识的定期行为进入流动状态,最终提供视觉激励反馈,建立识别、行动和反馈闭环交互机制。同时,配备专用的Focus-APP,可以记录用户的每一个专注周期,帮助用户培养长期的专注习惯,提高学习效率,并在数字设计中扮演数据记录、存储和分析的角色。
识别注意力曲线中最容易分心的时期,通过周边视觉和有意识的定期行为进入流动状态,最终提供视觉激励反馈,建立识别、行动和反馈闭环交互机制。同时,配备专用的Focus-APP,可以记录用户的每一个专注周期,帮助用户培养长期的专注习惯,提高学习效率,并在数字设计中扮演数据记录、存储和分析的角色。

Step 1: 用户通过硬件设置专注时间。
Step 2: 硬件(通过注意力曲线/生物信息学)检测到用户分心和注意力不集中,主动提醒用户中断分心,重新专注。
Step 3: 用户感到疲劳和不专心,主动与硬件互动,重新进入专注状态。
Step 4: 任务完成:硬件将专注和任务数据上传至应用程序,应用程序通过硬件反馈数据记录分析用户行为,用户查看数据以获得成就感。
Step 1: 用户通过硬件设置专注时间。
Step 2: 硬件(通过注意力曲线/生物信息学)检测到用户分心和注意力不集中,主动提醒用户中断分心,重新专注。
Step 3: 用户感到疲劳和不专心,主动与硬件互动,重新进入专注状态。
Step 4: 任务完成:硬件将专注和任务数据上传至应用程序,应用程序通过硬件反馈数据记录分析用户行为,用户查看数据以获得成就感。
Develop
Product Design
Product Design
Inspiration/ Ideation、Product Sketch、Iteration、Final Design
Inspiration/ Ideation、Product Sketch、Iteration、Final Design
Inspiration/ Ideation
我花了一些时间进行头脑风暴,而草图是我喜爱的实践媒介,因为我可以快速绘制概念。记录任何想法的创造过程对我来说非常激动人心。并不是所有这些想法都会是革命性的,但这并不重要。关键是有许多不同的想法可以讨论和发展,并在这些概念中找到亮点。
我花了一些时间进行头脑风暴,而草图是我喜爱的实践媒介,因为我可以快速绘制概念。记录任何想法的创造过程对我来说非常激动人心。并不是所有这些想法都会是革命性的,但这并不重要。关键是有许多不同的想法可以讨论和发展,并在这些概念中找到亮点。




Product Sketch
我从概念中发展出了想法,制作了3D产品模型,构思了交互功能和材料方案,并逐步完善了蓝图。
我从概念中发展出了想法,制作了3D产品模型,构思了交互功能和材料方案,并逐步完善了蓝图。



Iteration
这个过程并不一帆风顺;为了达到满意的结果,我经历了许多次迭代和尝试。
这个过程并不一帆风顺;为了达到满意的结果,我经历了许多次迭代和尝试。

Final Design
最终,我选择了四种解决方案来帮助用户放松并集中注意力于当前的时刻。这些解决方案涉及吹气、揉捏、旋转和按压,以生成视觉、听觉和触觉反馈
最终,我选择了四种解决方案来帮助用户放松并集中注意力于当前的时刻。这些解决方案涉及吹气、揉捏、旋转和按压,以生成视觉、听觉和触觉反馈


Develop
Interaction Design
Interaction Design
Interactive Flow; Hardware Architecture Diagram; Model Making and Testing
Interactive Flow; Hardware Architecture Diagram; Model Making and Testing


Interactive Flow
Capture the user‘s voice and action to interact
state one
state two
state three
capture
·goze around
·be in a daze
·fall asleep
action
·press,touch,apploud,gesture
·speak
action
·press,touch,opplaud,gesture
·speak
feedback
·audio(voice-’come on guys,’take a joke’)
·visual(graph or dynamic effect fighting)
·feeling(‘wind’)
feedback
·audio(voice-’good job’,’nusic’)
·visual
·graph or dynamic effect
‘thumb’,firework’,smiling face’)
·clear
·light
·feeling(’wind’,temperature’)
Hardware Architecture Diagram
Hardware Architecture Diagram



Pressure Sensor
Battery
LED
Fan
Deliver
Final Display
Final Display
我创建了一个场景来展示用户如何在学习环境中实现专注的目标。
我创建了一个场景来展示用户如何在学习环境中实现专注的目标。





Deliver
Conclusion
Conclusion
Focus Box致力于在快节奏的生活中帮助每个人找到内心的平静和平衡。它通过融合体验交互和数字记录,为用户提供全方位的注意力和学习支持。科学的体验交互设计方法解决了影响行为和心理状态的无形问题。它不仅是一个产品,也是生活方式的象征。
Focus Box致力于在快节奏的生活中帮助每个人找到内心的平静和平衡。它通过融合体验交互和数字记录,为用户提供全方位的注意力和学习支持。科学的体验交互设计方法解决了影响行为和心理状态的无形问题。它不仅是一个产品,也是生活方式的象征。



















Start focus
Let you focus
more on study and
work


Hello,
My Class Schedules
9:41
Free focus
9:41
Start focus
Let you focus
more on study and work
9:41
blow
blow
blow
touch
29:20:30
blow
shake
shower
touch

Hello,
My Class Schedules
9:41
This Week
Next Week
Today
Electrical
Machines 2
Electrical
Machines 2
7 am
8 am
9 am
10 am
11 am
12 am
Sun
24
Mon
25
Electrical
Machines 2
Electrical
Machines 2
Electrical
Machines 2
Basic
Videography
Schedules
January
9:41
SUN
MON
15
14
SUN
16
SUN
17
SUN
18
low fi wireframe
13/50
this week
screens
low fi wireframe
13/50
this week
screens
low fi wireframe
13/50
this week
screens
low fi wireframe
13/50
this week
screens
To-Dos
Status
Day
3 Day
Week
Month
Schedules
January
9:41
SUN
MON
15
14
SUN
16
SUN
17
SUN
18
35h25min
This week
8h25min
Today
To-Dos
Status
Day
3 Day
Week
Month
Focus Time
This Week’s Stats
more
Tue
Mon
1000
800
600
400
200
0
Wed
Thu
Fri
Sat
Sun
Tasks Focus Time
This Week’s Stats
more
Schedules
January
9:41
To-Dos
Status
Tasks Focus Time
Degree of concentration
more
This Week’s Stats
Tue
Mon
1000
800
600
400
200
0
Wed
Thu
Fri
Sat
Sun
This Month’s Stats
Tue
Mon
1000
800
600
400
200
0
Wed
Thu
Fri
Sat
Sun
low fi wireframe
13/50
this week
screens