Uploading an audio file

actions:
Chatting & Sending Messages
Uploading & Downloading
Listening to Audio

screenElements:
Text Field
Thumbnail

screenElements:
Thumbnail
Button
Loading Indicator
Dialog
Text Field
Thumbnail

screenPatterns:
Chat Detail
Video Player
Chat Detail
Audio Player
Chat Detail
Audio Player
Chat Detail
Audio Player
Loading
Chat Detail

screenKeywords:
Photos & videos View gallery
e ‘0 e

(X Record a video clip

< Recent files

19 Upload a file

(> Shortcuts
|12:00 V4l
# user- i —
< user-experience N Za ®
2 members
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have!
Let's use this avatar
Taking the train to meet @Vishun
: I 2
I - |
—— | - N
b 0:06 o || LIS iy —
Message #user-experience
+ ® @ A3
|12:00 V4l
# user-experience =
< P @ =Q @
2 members
upudates oOr mpuLs uidl you imgrit ridve:
Let's use this avatar
Taking the train to meet @Vishun
— l} —]
Ij i 'i |
Y el ==
° 2:35
|\/Iessage #user-experience
+ ® @ A3
|12:00 V4l
# user-experience =
< P 60 =Q @
2 members
. st e G e ST S e s 1
working on a project. Feel free to share any
updates or inputs that you might have!
Let's use this avatar
Taking the train to meet @Vishun
= % [‘g 4 s
I = b F )
E - e —
"o 00c |
@ v 1:30
+ Message #user-experience
|12:00 V4l
# user-experience =
< P 60 =Q @
2 members
upudates oOr mpuLs uidl you imgrit ridve:
Let's use this avatar
Taking the train to meet @Vishun
Ij 1 = |
1 5= 2 E [ )
Y el ==
C 2:35
Message #user-experience
+ ® @ A3
|12:00 P41
=  Downloads Qi
Downloads
[ Images d Audio = [ Videos [ Do
FILES IN DOWNLOADS ;=
J bensound-ane... Q buee (1).png
2.17 MB 4:08 PM 52.24 kB Apr 19
X .
income-expens... = buee.png
51.53 kB Apr 16 98.25 kB Apr 16
Q @
y . ‘&\ K M
" < o
\A "
£ '8 L
|12:00 P41l
Transcript Still Processing
Give it another try in a few minutes.
OK
|12:00 V4l
# user-experience =
< P @ =Q @
2 members
updates or Inputs that you might have!
Let's use this avatar
Taking the train to meet @Vishun
= % [‘g 4 s
= B o
E - e —
"o 00c |
Message #user-experience
° ¢ 2:35
+ © @ Aa e


Video effects

appName: Messenger

appCategory: Social Networking

appTagline: Text, audio and video calls

companyHqRegion: US & Canada

companyStage: Public & Mature

platform: ios

hotspotType: Tap

screenElements:
Animation & Video
Toolbar
Icon

screenPatterns:
Call
Camera & Scanner

screenElements: Thumbnail Carousel Tab

screenElements:
Thumbnail
Carousel
Animation & Video

screenPatterns:
Call
Filters & Stickers

screenElements:
Animation & Video
Toolbar
Icon
Thumbnail
Carousel
Animation & Video
Thumbnail
Carousel
Tab
Thumbnail
Carousel
Tab
Thumbnail
Carousel
Animation & Video
Dialog

screenPatterns:
Call
Camera & Scanner
Call
Filters & Stickers
Camera & Scanner
Call
Filters & Stickers
Camera & Scanner
Call
Filters & Stickers
Camera & Scanner
Call
Filters & Stickers
Confirmation

allAppCategories:
Communication
Social Networking

screenKeywords:
- all T @)
\/ rublerabbit *ee .
‘.‘ - v "-in_'l“
N '. ‘ ! 'f“ﬁ
Al w":'%,”
1 1 L
1 gF T
L N
e A = i ;»}“ ‘ ;
\ | : \
d \
. ‘A ’
- I;v:\
B . ‘l_)\; S ——
——— - ——
» - = ol E \ j TS
- Ty
@ ¢ ' ‘a
[ e —— ]
|- 4:00 ol T -
i A
e TS L
AW (- i T e
rlﬂolerrt:w

ECTS GROUP EFFECTS BACKGROUNDS

Canyonlands National Park by Messenger @

. ]
|9:41 |
\ i'-»ﬂ\ i rrw W
AN 7"_ {0 Af I
T -
RN bl
. \ﬂ“«\\\& firsill|®
| | m\\\i\i\m oV (TN
0 =
N sy VT
‘ 4 \ ¥ »f E!vdi ‘\'\\‘: ‘r!‘:‘-‘.
7 _'% o _L = 1 “
{5 SameXtUne i (g y
i i [;**ix\.\-‘_i.\_V i
= -]"\ BT TN |
s
“‘
\
l EFFECTS GRC ' J
oLl
O 2 E
Choose a group effect
|N o o —B
N _'.; "
e [V

ST IFS aw \‘

X | ﬂjm F’” Nl
\ < ST :WE
b 4 ;}\\\ ‘ N AN ,\ \

. 24 ) ' @ 2 A S AT
S AR 2\
f?\ >l /‘Efx\ . \?\\zg

.'l
CTS GROUP EFF” S -
A 3 | £ a S &
- AR @ Grove] X 4
- a2 G o
Choose a background
|359 al S .
N e ]
.‘ 3 ."‘ Rlised
~':. A 205 :
- T
rubler ai ya'g, ‘L\‘-@:
EFFECTS GROUP EFFECTS BACKGROUN
7 5
- o &;} o 5@ I
2 P ZS
Warp Speed Worm by AT&T ©
|: : I
L NN "
\\ A e L)
Al { )J N '? \’
AT
_ W LY R
\ ‘ ;‘;\\\\X‘ n l‘ l ) “\ -
— :}; SRR . X
‘ SO | SEE AN
y I [« [ \ A\
I 3 8 :i}ﬁi»‘.\. \
. AR _.. X -
> B e
f 7/ .
-
8 EFFECTS GRC B
- P
. 4 )
v &6
) ~— U ':':1%; -
Choose a group effect


Sharing a contact

screenElements:
Stacked List
Divider
Icon

screenPatterns:
Share
Acknowledgement & Success

screenElements:
Bottom Sheet
Avatar
Search Bar
Button
Stacked List
Divider
Stacked List
Divider
Icon
Button

screenPatterns:
Share
My Account & Profile
Share
Acknowledgement & Success

screenKeywords:
Done Send to Create Group
,‘Q\ rublerabbit
_;4 Instagram
Write a message...
Q Search
. - Group chat
‘iﬂQ Sammy, rublerabbit LN
@ Friends of the New Have... SEND
' Johnathan Doe SEND
@ Sammy Jerome SEND
a .
g{a, Sammy Savi SEND
|9:41 all F @)
<

o Theme

|b Emoiji

¢0¢ Create Group Chat With

™ rublerabbit

@ View media and files

Q. Search in conversation

A Notifications & sounds

[I] Share contact

& Ignore messages

@ Block

A Report

Give Feedback and Report Conversation
|Done Send to Create Group
,‘Q\ rublerabbit
_;4 Instagram
Write a message...
Q Search
. - Group chat
‘iﬂQ Sammy, rublerabbit e
@ Friends of the New Have... SEND
' Johnathan Doe SEND
@ Sammy Jerome SEND
a .
g{a, Sammy Savi SEND


Deleting a sticker pack

hotspotType: Swipe

screenPatterns:
Filters & Stickers
Action Option
Filters & Stickers

screenKeywords:
Sticker Store Done
Featured All Your Stickers
Q =='  Stranger Things
> Kyle Lambert
i;;, . Brpwn and
(] \i@ Friends
3 Hozo
Q Moodies
Messenger
. ]
|Sticker Store Done
Featured All Your Stickers
a4
e E: Stranger Things
MW Kyle Lambert
&
s
\«,,%,’ , Brpwn and
(] \i@ Friends
\ Hozo
Chummy
‘ Chum Chums Remove
Ghostbot Inc.
Q Moodies
Messenger
. ]
|Sticker Store Done
Featured All Your Stickers
e fm<!  Stranger Things
74 Kyle Lambert
B
N
7,57,{ ) Brpwn and
(] i % Friends
98 Hozo
Chummy
Q Chum Chums
Ghostbot Inc.
e Moodies
Messenger
. ]


Workspaces

appName: Slack

appCategory: Business

appTagline: Business communication

platform: android

screenElements:
Side Navigation
Button
Icon

allAppCategories: Collaboration Business

screenKeywords:
12:00 A\ N |
m A team =
Jump to...
R Threads
Today 4+ A
:7" slackbot e
#  user-experience
e% Dropbox
G(o Vishun
# plan-budget
oo John Doe
:o Jhon Mobbin
q jon.mobbin (you) iz=
# general
# random
B 5 @ Q @)
Home DMs Mentions Search You
|Workspaces
A team .
ateam-pmy4671.slack.com *
® Add a workspace
{§} Preferences
() Help


Messaging a channel

hotspotType: Keyboard Input

screenElements:
Chip
Avatar
Bottom Sheet
Text Field

screenElements:
Text Field
Chip
Avatar
Bottom Sheet
Text Field
Avatar
Stacked List
Bottom Sheet
Search Bar
Icon
Button
Text Field
Bottom Sheet

screenPatterns:
Add & Create
Add & Create
Add & Create
Add & Create

screenKeywords:
12:00 P41l
X New Message
To: user jon
# user-experience O
Start a new message
+ ©® @ A
> user username users \!J
1 2 3 4 5 6 7 . 8 9 0
q w e€ r t y u | O p
a s d f g h j k |
& z x ¢c v b n m &
|12:00 P41l
X New Message
To: # user-experience JOn
n G. 3 replies
n jon.mobbin ;= 4:14 PV
replied to a thread: ‘@ beep beep here's our
income expense worksheet to fill ...
Take note all
View newer replies
Dropbox APP 4:42 PM
joined #user-experience by invitation from
jon.mobbin
Awesomel
+ © @ Aa e
> I thanks e =
1 2 3 4 5 6 7 . 8 9 0
q w e€ r t y u | O p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l
# user-experience =
< P 60 Za @
2 members
o 2:35 =
*  Pinned
) beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize-sereens (edited)
income-expense-worksheet.xIsx
X'| 50KB xIsx
n c. 3 replies
n jon.mobbin ;= 4:14 PV
replied to a thread: ‘@ beep beep here's our
income expense worksheet to fill ...
Take note all
View newer replies
Dropbox APP 4:42 PM
joined #user-experience by invitation from
jon.mobbin
n jon.mobbin ;= 4:48 PV
Awesome
+ Message #user-experience
|12:00 P41l
X New Message
To: # user-experience JOn
n @. 3 replies
n jon.mobbin ;= 4:14 PV
replied to a thread: ‘@ beep beep here's our
income expense worksheet to fill ...
Take note all
View newer replies
Dropbox APP 4:42 PM
joined #user-experience by invitation from
jon.mobbin
Start a new message
+ ©® @ A3
< =) GIF Ei o Y
1 2 3 4 5 6 7 8 9 0
QWEWRTYUI OP
A S DFGH J K L
4 Z X CVBNM &
v
|12:00 V4l

X New Message
To: h’ype the name of a channel or person Jon
6) DM someone at another company

G{. Vishun Vishun Parik O
# user-experience O
# plan-budget O
# random O
# general O
q jon.mobbin (you) = O
&, Jhon Mobbin O
oo John Doe John Doe O
Start a new message

+ ® @ A3


Turning off active status

screenElements:
Bottom Sheet
Avatar
Icon
Stacked List
Divider
Switch
Dialog
Switch

screenPatterns:
My Account & Profile
Settings & Preferences
My Account & Profile
Confirmation
Settings & Preferences

screenKeywords:
Done
Johnathan Doe
o Dark mode System
Q Active Status On
o Message requests
6 Archived chats
° Mobile number
o Privacy
o Notifications and sounds On
e Phone contacts
0 Story
a A\/Qfar_
|£ Active Status
Show when you're active
You won't see when your friends and connections
are active or recently active on this app. To make
sure that they can't see this info about you, turn
this setting off wherever you're using Messenger
or Facebook and your Active Status will no longer
be shown. Learn more
You can still use our services if Active Status is off.

. ]
|Done
Johnathan Doe
o Dark mode Off
Q Active Status Off
o Message requests
6 Archived chats
° Mobile number
o Privacy
o Notifications and sounds On
e Phone contacts
0 Story
a A\/Qfar_
|£ Active Status
Show when you're active ()
Your friends and connections can see when you're
active or recently active on this profile. You can
see this info about them, too. To change this
setting, turn it off wherever you're using
Messenger or Facebook and your Active Status will
no longer be shown. Learn more
You can still use our services if Active Status is off.
Turn off Active Status?

Sh You won't be able to see when your :)
act friends and connections are active,

recently active or in a chat with you.
You ‘re
bot to
— Cancel Turn off |
More

L )
|£ Active Status
Show when you're active ()
Your friends and connections can see when you're
active or recently active on this profile. You can
see this info about them, too. To change this
setting, turn it off wherever you're using
Messenger or Facebook and your Active Status will
no longer be shown. Learn more
You can still use our services if Active Status is off.
Show when you're ()
active together
Your friends and connections can see when you're
both active in the same chat. You'll also be able to
see when they're active in the same chat. Learn
More

. ]


Video call options

screenPatterns:
Video Player
Call

screenElements:
Bottom Sheet
Icon
Stacked List

screenPatterns:
Other Content
Video Player
Call

screenKeywords:
- all © @@
(Y 4
gt
Lt )
fz‘.' = 4 o
“'I\ N e
ol 05 e
[ i)
Details
29 people
£3 Call settings
|eI ol S -
AV rublerabbit eoe .
- -l JL -
i W ? b
& e Rl - !‘
o w e N -
‘ ) |
* PS
.
> , ,'?,' g
TS e Tt T cresoounes
| ;.'1’ b [ {'/
llﬂ(‘S\\ka ﬂ»? I .
L e
;{,"‘\\[\‘ '1 ,'. ;: 3 i
Al A
e« ¢ B +8


My profile

screenElements:
Tab Bar
Avatar
Icon
Stacked List
Divider

screenKeywords:
12:00 A\ N |
You
n jon.mobbin
° Active
iz Commuting X
fZ_k Pause notifications
,5_70 Set yourself as away
[l Saved items
L View profile
5’ Notifications
01—? Preferences
8) ) @ Q ®
Home DMs Mentions Search You


Adding a reply in thread

screenElements: Avatar Icon Button Card

screenPatterns:
Post Detail
Date & Time

hotspotType: Scroll Vertically

screenElements: Avatar Thumbnail Card

screenPatterns:
Post Detail
Comments
Date & Time

screenElements:
Text Field
Avatar
Thumbnail
Card
Text Field
Avatar
Avatar
Icon
Button
Card
Text Field

screenPatterns:
Add & Create
Post Detail
Comments
Date & Time
Add & Create
Comments
Post Detail
Date & Time
Add & Create

screenKeywords:
12:00 V4l
< Message
Message in #user-experience
n jon.mobbin ;= A
May 11th at 4:11 PM
‘) beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
® Finalize screens
Also send to #user-experience
Take note ﬂ
+ ©® @ Aa (>
> all Al Allen &
1 2 3 4 5 6 7 . 8 9 0
q w e€ r t y u | O p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l
< Thread
Message in #user-experience
n jon.mobbin ;= A
May 11th at 4:11 PM
“# beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize screens
income-expense-worksheet.xIsx
X'| 50KB xIsx
1 reply 2
#< Also sent to the channel
n jon.mobbin ;= 4:14 PV
Take note all
+ Addareply
|12:00 V4l
< Message
Message in #user-experience
n jon.mobbin ;= A
May 11th at 4:11 PM
‘) beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
® Finalize screens
|:| Also send to #user-experience
Take note all
+ ©® @ Aa (>
> all Al Allen &
1 2 3 4 5 6 7 . 8 9 0
q w e€ r t y u | O p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 v41
< Thread
income-expense-worksheet.xIsx
X'| 50KB xIsx
1 reply |::>
#¢ Also sent to the channel
n jon.mobbin ;= 4:14 PV
Take note all
|:| Also send to #user-experience
IAddarepIy
+ ® @ Aa
< =) GIF Ei o Y
1 2 3 4 5 6 7 8 9 0
QWEWRTYUI OP
A S DF GH J K L
4 Z X C VB NM &
v
|12:00 V4l
< Message
Message in #user-experience
n jon.mobbin ;= A
May 11th at 4:11 PM
“# beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize screens
income-expense-worksheet.xIsx
X'| 50KB xIsx
@ Reply in thread E:)
|12:00 V4l
< Message
Message in #user-experience
n jon.mobbin ;= A
May 11th at 4:11 PM
‘) beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
® Finalize screens
|:| Also send to #user-experience
Add a reply
+ ©® @ A
< =) GIF Ei e 3 Y
1 2 3 4 5 6 7 8 9 0
QWEWRTYUTI OP
A S DFGH J K L
4 Z X CVBNM &
v


Starting a huddle

screenElements:
Bottom Sheet
Avatar
Button

screenElements: Avatar Chip Checkbox

screenElements:
Avatar
Chip
Checkbox
Dialog
Toast
Bottom Sheet
Avatar
Button
Bottom Sheet
Search Bar
Avatar
Stacked List
Avatar
Bottom Sheet
Avatar
Button

screenPatterns:
Other Action
Acknowledgement & Success
Other Action
Other Action
Call
Call
Call

screenKeywords:
12:00 V4l
# user-experience =
< P 60 Za @
2 members
—a EE | e -
==} { B '77:
» 0:06 = _
° 2:35 =
*  Pinned
) beep beep here's our income expense
worksheet to fill
e Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize-sereens (edited)
income-expense-worksheet.xIsx
X'| 50KB xIsx
n 1 replies
n jon.mobbin ;= 4:14 PV
replied to a thread: ‘@ beep beep here's our
income expense worksheet to fill ...
Take note all
Dropbox APP 4:42 PM
joined #user-experience by invitation from
jon.mobbin
+ Message #user-experience
|12:00 A\ N |
m A team =
Jump to...
R Threads
Unread DMs
:o Dropbox e
:7" slackbot e
Direct messages A
oo John Doe
Channels A
# general
# plan-budget
# random
#  user-experience
+ Add channel @
| 5 @ Q @)
Home DMs Mentions Search You
|S e
< Invite People to Your Huddle Done
ﬁ‘ Vishun
G{. Vishun Vishun Parik
:o Jhon Mobbin 0O
eo John Doe John Doe O
:7" slackbot O

S —
|12:00 P41l
Invite People to Your Huddle
You can invite whomever you'd like the huddle.
They won't be added to # user-experience
OK
|2 people in the huddle
# user-experience
g '%ILED
jon.mobbin (... Vishun
Unmute Invite Leave
|12:00 P41l
Start a Huddle?
You'll be starting a huddle that all 2 members of
# user-experience can join.
m
Dismiss Start huddle
|G e
< Invite People to Your Huddle
Find people to invite
@l. Vishun Vishun Parik O
:o Jhon Mobbin O
eo John Doe John Doe O
:7" slackbot O
S —
|2 people in the huddle
# user-experience
"@) .) I%Aab
jon.mobbin (... Vishun
Mute Invite Leave
|12:00 P41l
\
Allow Slack to record audio?
While using the app
Only this time
Deny
|Just you in the huddle
# user-experience
o TS
e
Z S
jon.mobbin (... Vishun
Invite sent
Huddles are better with teammates.
Tap Invite to send them a notification.
Unmute Invite Leave
|Just you in the huddle
# user-experience
jon.mobbin (...

Huddles are better with teammates.
Tap Invite to send them a notification.
Unmute Invite Leave


Chats

appName: Reddit

appTagline: Social forum & community chats

companyStage: Growth Stage

screenPatterns:
Emails & Messages
Empty State

screenPatterns:
Emails & Messages
Feature Info

screenElements:
Avatar
Tab Bar
Top Navigation Bar
Badge
Status Dot
Avatar

screenPatterns:
Emails & Messages
Feature Info
Emails & Messages
Empty State

screenKeywords:
10:00 o1

— Chats 0

. dexinthelab 4:02 PM
Hola

A © + @ 09
|10:00 4 |
— Chats ®
'@
\ Q 2 Q‘; ! 5
T ? ™, CS
> &g
A .
fff‘,‘m\
“\a
Your chats will show up here.
Get started by tapping the new chat
button here or on the someone's profile.
AN
a o ®@ + & 9


Browse channels

screenElements:
Tab Bar
Search Bar
Icon
Button

screenElements:
Stacked List
Floating Action Button

screenElements:
Stacked List
Floating Action Button
Tab Bar
Search Bar
Icon
Button

screenPatterns:
Groups & Community
Search

screenKeywords:
Channel Browser
<
4 channels
Search for channels
G
# general
You are a member
P
# plan-budget
You are a member
R
# random
You are a member
U
# user-experience
You are a member
_|_
S —
|12:00 P41
Q. Search for messages and files 9
ia]  Browse people
12 Browse channels
Recent searches
(® in:#user-experience X
Narrow your search
in: Ex: #project-unicorn
from: Ex: Zoe Maxwell
is: Ex: saved
after: Ex: 2020-11-03
to: Ex: me
a o) @ Q ®
Home DMs Mentions Search You


Marking a message as unread

screenElements:
Bottom Sheet
Icon
Stacked List
Divider

screenKeywords:
12:00 V4l
< Thread
Message in #user-experience
n jon.mobbin ;= A
May 11th at 4:11 PM
“# beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize-sereens (edited)
income-expense-worksheet.xIsx
X'| 50KB xIsx
1 reply |::>
———————————————————————————————————— New
#< Also sent to the channel
n jon.mobbin ;= 4:14 PV
Take note all
+ Addareply
|‘P € ®
¢ Edit message
I= Mark unread
@ Remind me

Remove from saved items

@ Reply in thread
4 Turn off notifications for replies
=  Share message
& Copy link to message
& Copy text
ﬁ Pin to conversation


Moving to starred (direct message)

screenPatterns:
Save
Acknowledgement & Success

screenElements:
Toast
Avatar
Icon
Stacked List
Divider
Switch
Card
Bottom Sheet

screenKeywords:
12:00 4l
X Vishun *
@[ Vishun
(®  Vishun Parik
Q Notifications
Every new message
Mute conversation
Qs Start a call
3 Apps
E Close conversation
Moved to Starred
S ——
|12:00 V4l
X Vishun o9
@‘ Vishun
A{®  Vishun Parik
Q Notifications
Every new message
Mute conversation
Qs Start a call
i Apps
E Close conversation
S —


Selecting an audience

screenElements:
Icon
Stacked List
Divider

screenElements:
Stacked List
Divider

screenElements:
Avatar
Stacked List
Checkbox

screenElements:
Stacked List
Divider
Dialog
Avatar
Stacked List
Checkbox
Icon
Stacked List
Divider
Bottom Sheet
Search Bar
Avatar
Stacked List
Stacked List
Divider

screenPatterns:
Settings & Preferences
Other Content
Select
My Account & Profile
Settings & Preferences
Select
Settings & Preferences

screenKeywords:
£ Story
Public J
Anyone on Messenger or Facebook
Friends
Your Facebook friends
Custom
Choose who can see your story
Your story will be visible for 24 hours on Facebook
and Messenger. Only your friends and connections
can reply directly to your story.
Stories you've muted
. ]
|Cancel Select audience
. Johnathan Doe
@ Sammy Jerome 0
2
“fpa Only 2 people can see o
your story
Select more people to let them see
what you add to your story.
I OK
@ Sammy Jerome 0
a .
s Sammy Savi 0
. ]
|Cancel Select audience Apply

' Johnathan Doe

@ Sammy Jerome (v]
a .

#fja Sammy Savi 0

' Johnathan Doe

@ Sammy Jerome (v]
a .

#fja Sammy Savi 0
|oo
Done
o Privacy
o Notifications and sounds On
e Phone contacts
a Story
e Avatar
@ Photos and media
e Switch account
Account settings
O Report a problem
0 Help
Legal and policies
|Cancel Story Save
Public
Anyone on Messenger or Facebook
Friends
Your Facebook friends
Custom
v
Choose who can see your story
Select audience 2 people
Your story will be visible for 24 hours on Facebook
and Messenger.
Stories you've muted
. ]
|£ Select audience
. Johnathan Doe
@ Sammy Jerome
a .
#fja Sammy Savi
. Johnathan Doe
@ Sammy Jerome
a .
#fja Sammy Savi
|Cancel Story Save
Public
Anyone on Messenger or Facebook
Friends
Your Facebook friends
Custom
v
Choose who can see your story
Select audience O people
Your story will be visible for 24 hours on Facebook
and Messenger.
Stories you've muted
. ]


Message effects

screenPatterns:
Chat Detail
Audio Player

screenElements:
Text Field
Button
Icon

screenElements: Illustration Button Icon Tab

screenElements: Thumbnail Gallery Tab

screenElements:
Text Field
Button
Icon
Illustration
Button
Icon
Tab
Thumbnail
Gallery
Tab
Bottom Sheet
Icon
Search Bar
Carousel
Tab

screenPatterns:
Chat Detail
Filters & Stickers
Chat Detail
Audio Player
Filters & Stickers
Filters & Stickers

screenKeywords:
9:41 all T (@)
& rublerabbit
Thanks for the reminders
and for the drink too! I'll be
reaching very soon
qwe r t vy ui op
a s df gh j k I
& Z X ¢ Vb nm &
123 space return
9
|9:41 all ¥ @)
& rublerabbit

Thanks for the...

* e o]

Q Search stickers
3 2¢
Make your own sticker pack that represents who you are.

- & & @
|9:41 Jll = =
e rUbIerabbit
A AR A e B R |
I
2 \
4\ l\
Aa
|9:41 all © @
t rublerabbit
Thanks for the...
* ® o1F]
Q Search GIPHY and Tenor
, » »- S ¥l
g | WAy E & ' ‘ !
i R
B¢ » . ’
|9:41 llll ? @'
& rublerabbit
Thanks for the...
* e orF|
Q Search GIPHY and Tenor
Y -
- 1
.
e Tap to send message with effect


Inviting people to the video call

screenElements:
Animation & Video
Toolbar
Icon

screenPatterns:
Call
Camera & Scanner

screenElements:
Animation & Video
Toolbar
Icon
Toast
Bottom Sheet
Avatar
Search Bar
Stacked List
Divider
Button

screenPatterns:
Call
Camera & Scanner
Error
Share

screenKeywords:
- all T @)
\/ rublerabbit *ee .
‘.‘ - v "-in_'l“
N '. ‘ ! 'f“ﬁ
Al w":'%,”
1 1 L
1 gF T
L N
e A = i ;»}“ ‘ ;
\ | : \
d \
. ‘A ’
- I;v:\
B . ‘l_)\; S ——
——— - ——
» - = ol E \ j TS
- Ty
@ ¢ ' ‘a
[ e —— ]
|- all © @@
, -
C/ &
Invite people
o Nike Call
nike
@ e Call
channelnewsasia
National Geographic -
- natgeo
e Reuters is busy
|- all & @m)
, .
(/ e,
Invite people
o Nike Call
nike
@ CNA Call
channelnewsasia
@ Reuters o
reuters
National Geographic -
- natgeo


Copying text

hotspotType: Tap & Hold

screenElements:
Dropdown Menu
Bottom Sheet
Icon
Stacked List
Divider
Toast

screenPatterns:
Action Option
Action Option
Acknowledgement & Success

screenKeywords:
12:00 v41
< Thread
income-expense-worksheet.xIsx
X'| 50KB xIsx
1 reply =
- New |
#¢ Also sent to the channel
n jon.mobbin ;5 4:14 PV
Take note all
| Paste Format P ience
Add a reply
+ ® @ Aa
> (=] :cubimal_chic... \!J
1 2 3 4 5 6 7 8 9 0
QWEWRTYUI OP
A S DF GH J K L
4 Z X C VB NM &
v
|‘P € ®
¢ Edit message
I= Mark unread
@ Remind me

Remove from saved items

@ Reply in thread
4 Turn off notifications for replies
=  Share message
& Copy link to message
& Copy text
ﬁ Pin to conversation
|12:00 \ N |
< Thread
1 reply |::>
- New
#¢ Also sent to the channel
n jon.mobbin ;5 4:14 PV
Take note all
|:| Also send to #user-experience
tofill ’
e Fill and submit by end of the week
e Conduct onboarding tests
o Finali |
+ ©® @ Al e
> screens  screenshot screenshots
1 2 3 4 5 6 7 . 8 9 0
q w e€ r t y u | O p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l
< Thread
Message in #user-experience
n jon.mobbin ;= A
May 11th at 4:11 PM
“# beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize-sereens (edited)
income-expense-worksheet.xIsx
X'| 50KB xIsx
1 reply 2
- New
#< Also sent to the channel
n jon.mobbin ;= 4:14 PV
Take note all
|:| Also send to #user-experience
Add a reply
Copied!
+ ® @ Aa


Inviting to direct message

screenElements:
Illustration
Button
Bottom Sheet

screenElements:
Illustration
Button
Bottom Sheet
Toast
Avatar
Stacked List
Bottom Sheet
Search Bar
Icon
Button
Text Field
Bottom Sheet

screenPatterns:
Feature Info
Acknowledgement & Success
Add & Create

screenKeywords:
Share
Let's work together in Slack.
Copy Nearby
Jon Mobbin
'. M Y
o =
Slack Gmail Fake GPS Messages
Fake GPS - ...
|X
! n
DM someone at another company
Slack Connect lets you securely message anyone,
no matter where they work. Share this link with
someone to get started.
Learn more about Slack Connect
S —
|X
'. n
DM someone at another company
Slack Connect lets you securely message anyone,
no matter where they work. Share this link with
someone to get started.
Message sent
Learn.. onnect
S —
|12:00 V4l

X New Message
To: h’ype the name of a channel or person Jon
6) DM someone at another company

G{. Vishun Vishun Parik O
# user-experience O
# plan-budget O
# random O
# general O
q jon.mobbin (you) = O
&, Jhon Mobbin O
oo John Doe John Doe O
Start a new message

+ ® @ A3


Downloading free pack

screenElements:
Thumbnail
Button
Gallery
Bottom Sheet

screenElements:
Thumbnail
Button
Gallery
Bottom Sheet
Button

screenPatterns:
Filters & Stickers
Upload & Download

screenKeywords:
£ Done
\t«‘ P
Stranger Things
Kyle Lambert
Keepin' it strange since 1983.
Download Free Pack
f A ;T.i "5":‘ T ’g"
Ad e
r (> 8
g = 22 " \} o /vﬂ’

\ (158 apiis (] ¥ o
ﬁ\ ’3 "'/\;' ) <N I “? D
A € gp? SN, foteoady  QPUEEE
4 \l < \'!“4‘

{Yﬁ‘ '\ _!’; N

'/ b J
|£ Done
\t«‘ P
P\
TS
Stranger Things
Kyle Lambert
Keepin' it strange since 1983.
Free Pack Downloaded
Id .\T}‘ wﬁ.’ap
[ s i P
oY L 1
4 = = 2NV A /'V’
7 \ flier =3 / ' \\ ’
) 4 f Vi g b N (¥
\ (15 ¥0) 2 apiis (] e &
AR o S . VY =
e ﬂ“ 5| g? A 7%YOU RULE|YOU SUCKSS3 (::,’- »
van g | | SR
4 \/ . \'!“4‘
{Yﬁ‘ '\\ v’ N
\l/" J


Home

screenElements:
Avatar
Stacked List
Card
Illustration

screenElements:
Avatar
Stacked List
Card
Illustration
Tab Bar
Top Navigation Bar
Search Bar
Stacked List
Accordion
Floating Action Button
Avatar
Icon
Coach Marks

screenPatterns: Home Home Home Home Home

screenKeywords:
12:00 A\ N |
m A team =
U D LO...
Direct messages A
oo John Doe
@l. Vishun
Channels A
# general
# random
+ Add channel
Direct messages A
q jon.mobbin (you)
:o Jhon Mobbin
+ Invite People
Next, you could... Clear all
Add teammates
Bring your whole team together.
| 5 @ Q @)
Home DMs Mentions Search You
|12:00 V4l
m A team =
:o Jhon Mobbin
:o Mobbin Cms5
:o Mobbin Cms7
+ Invite People
Next, you could... Clear all
Add teammates
Bring your whole team together.
Send a message
Get the conversation rolling.
Get Slack for desktop
o Stay connected from any device.
See a few tips
Learn the ins-and-outs of Slack
-} o} @ Q ®
Home DMs Mentions Search You
|12:00 A\ N |
m A team =
Jump to...
Unread DMs
:7" slackbot e
Channels A
# user-experience
+ Add channel
Direct messages A
oo John Doe
@l. Vishun
Channels A
# general
# random
+ Add channel @
B 5 @ Q @)
Home DMs Mentions Search You
|12:00 V41
m A team =
Direct messages A
q jon.mobbin (you)
:o Jhon Mobbin
+ Invite People
Next, you could... Clear all
Add teammates
Bring your whole team together.
Send a message
Get the conversation rolling.
Get Slack for desktop
o Stay connected from any device.
See a few tips
Learn the ins-and-outs of Slack
e 5 @ Q ®
Home DMs Mentions Search You
|12:00 V41
m A team =
j Now sort your
ump to... channels by recent
activity
Channels A
# general
# random
# user-experience
+ Add channel
Direct messages A
q jon.mobbin (you)
:o Jhon Mobbin
:o Mobbin Cms5
:o Mobbin Cms7
+ Invite People
Next, you could... Clear all
1' Add teammates @
) AN @ Q ®
Home DMs Mentions Search You


Resetting cache

screenElements:
Icon
Stacked List
Switch

screenElements:
Animation & Video
Logo

screenElements:
Animation & Video
Logo
Dialog
Icon
Stacked List
Switch

screenPatterns:
Loading
Confirmation
Settings & Preferences

screenKeywords:
12:00 V41
o8
o9
o
®
|12:00 V4l
Reset cache
Are you sure you would like to reset cache?
No Yes
|12:00 A\ N |

m A team =
Jump to...
R Threads
Starred A
#  user-experience
Channels A
# general

# plan-budget

# random
+ Add channel
Direct messages A
:7" slackbot
q jon.mobbin (you)
e% Dropbox @
[ ] Ilhan NMAahhin

-] o) @ Q @)
Home DMs Mentions Search You
|X Preferences
Advanced
Open web pages in a
& p . pag : pp ‘
Allow links to open in Slack
Optimize image uploads
Images are optimized for upload ‘
performance
Optimize video uploads
Videos are optimized for upload ‘
performance
Show image previews
& 8¢ pres O
Show previews of images and files
Troubleshooting
<  Resetcache
z .
Clear cached images, files, and data
£ Force stop
Unsaved data may be lost
Cl Send feedback
Let us know how we can improve
G Slack calls debugging
Let Slack see logs when needed ’
® Help center
Support articles and tutorials
About Slack
S —


Sending feedback

screenElements:
Dialog
Text Field

screenElements:
Text Field
Dialog
Text Field
Icon
Stacked List
Switch

screenPatterns:
Feedback
Feedback
Settings & Preferences

screenKeywords:
X Preferences
Optimize video uploads
Videos are optimized for upload ‘
performance
Show image previews
& 8¢ pres O
Show previews of images and files
Troubleshooting
<  Resetcache
z .
Clear cached images, files, and data
£ Force stop
Unsaved data may be lost
Cl Send feedback
Let us know how we can improve
G Slack calls debugging
Let Slack see logs when needed ’
® Help center
Support articles and tutorials
About Slack
B Privacy policy
How Slack collects and uses information
B Open source licenses
Libraries we use
® Version
22.04.20.0-30011537-6156
S —
|12:00 P41

Compose feedback

Justtestingl

We will respond via email to feedback and

questions. You may also send feedback to:

feedback@slack.com

CANCEL  SEND

> testing &
1 2 3 4 5 6 78 9 0
gwer t y u i o p
a s d f g h j k |
& z x ¢c v b n m &
2123 ©®

v
|12:00 P41
Compose feedback
e.g. | found a bug in Threads
We will respond via email to feedback and
questions. You may also send feedback to:
feedback@slack.com
CANCEL  SEND
|X Preferences
Advanced
Open web pages in a
& p . pag : pp ‘
Allow links to open in Slack
Optimize image uploads
Images are optimized for upload ‘
performance
Optimize video uploads
Videos are optimized for upload ‘
performance
Show image previews
& 8¢ pres O
Show previews of images and files
Troubleshooting
<  Resetcache
z .
Clear cached images, files, and data
£ Force stop
Unsaved data may be lost
Cl Send feedback
Let us know how we can improve
G Slack calls debugging
Let Slack see logs when needed ’
® Help center
Support articles and tutorials
About Slack
S —


New message options

screenElements:
Avatar
Stacked List
Bottom Sheet
Search Bar
Icon
Button
Text Field
Bottom Sheet

screenKeywords:
12:00 A\ N |
m A team =
Jump to...
R Threads
Unread DMs
:o Dropbox e
:7" slackbot e
Direct messages A
oo John Doe
Channels A
# general
# plan-budget
# random
#  user-experience
+ Add channel @
| 5 @ Q @)
Home DMs Mentions Search You
|12:00 V4l

X New Message
To: h’ype the name of a channel or person Jon
6) DM someone at another company

G{. Vishun Vishun Parik O
# user-experience O
# plan-budget O
# random O
# general O
q jon.mobbin (you) = O
&, Jhon Mobbin O
oo John Doe John Doe O
Start a new message

+ ® @ A3


Adding a workspace

screenElements:
Side Navigation
Button
Icon

screenElements: Card Divider Icon

screenElements:
Card
Divider
Icon
Card
Divider
Icon
Side Navigation
Button
Icon
Dialog
Side Navigation
Button
Icon

screenPatterns:
Add & Create
Add & Create
Confirmation

screenKeywords:
12:00 P41
<

What's a project your team is

working on?
Ex. Q4 Budget, Website Update...
‘ website \
7/80

>  website websites = website's &
1 2 3 4 5 6 7 . 8 9 0
qw e r t y u i o p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l
<
What's a project your team is
working on?
[ Ex. Q4 Budget, Website Update... :
0/80
Next

< =) GIF Ei e 3 Y

1 2 3 4 5 6 7 . 8 9 0
qgqw e r t y u i o p

a s d f g h j k |
& z x ¢c v b n m &
|12:00 V4l
<
What'’s the name of your
company or team?
Ex. Acme or Acme Marketing
‘ B teaml \
By continuing, you're agreeing to our Customer Terms of
Service, User Terms of Service, Privacy Policy and Cookie
Policy.
It's okay to send me email with Slack tips, news, and
offers.
> team teams teammates \!J
1 2 3 4 5 6 7 8 9 0
qw e r t y u i o p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l
< Next
Who else is working on this project?
To add teammates, you can either send a link or
invite people from your contacts.
M Share a Link
ia] Add from Contacts
Add by email
|12:00 V4l
< Add Workspaces
jon.mobbin@gmail.com
You're signed in to all of the workspaces for this
email address.
v Email confirmed
(m].)] . .
a0 Sign in to another workspace
Join another workspace
2% Create a new workspace
S —
|TS
< Create a workspace
Select an email address to use:
jon.mobbin@gmail.com
Use a different email address

S —
|Workspaces

At A team .
ateam-pmy4671.slack.com *
B team .
bteam-mci4329.slack.com *

® Add a workspace

@} Preferences

() Help
|12:00 V4l
<
What'’s the name of your
company or team?
&
Next
By continuing, you're agreeing to our Customer Terms of
Service, User Terms of Service, Privacy Policy and Cookie
Policy.
It's okay to send me email with Slack tips, news, and
offers.
< =) GIF Ei o Y
1 2 3 4 5 6 7 8 9 0
gwe rr t y u i op
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 P4l
Continue without inviting?
Slack is for teams — to really get a feel
for it, you'll need a few more people here.
CANCEL CONTINUE
|@00 “ V4N
% . h
y ) o °a
° ° Y
-
(- ) ® 00 ,
Tada! Meet ){our team’s first
channel: #website *
\ 7 ey °
o ° N
[
- (|
o) e
[ 4 ° .
L
B °
<
°
w2 1 @1
(-]
o I'e
-0
A channel brings together every part of your projegt@p
y@ir team can get more done.
See your channel in Slack
\ )
\
|12:00 A\ N |
ﬂ B team
Jump to...
Channels A
# general
# random
#  website
+ Add channel
Direct messages A
© _ jon.mobbin (you)
ae
Next, you could... Clear all A
Add teammates
Bring your whole team together.
Send a message
Get the conversation rolling. @
‘ CGat Qlark far dacletan
-} A @ Q ®
Home DMs Mentions Search You
|Workspaces
A team .
ateam-pmy4671.slack.com *
® Add a workspace
{§} Preferences
() Help


Creating a channel

screenElements:
Text Field
Switch

screenElements:
Chip
Avatar
Stacked List
Checkbox

screenElements:
Text Field
Switch
Top Navigation Bar
Icon
Button
Avatar
Text Field
Bottom Sheet
Text Field
Search Bar
Avatar
Stacked List
Bottom Sheet
Bottom Sheet
Search Bar
Icon
Stacked List
Logo
Chip
Avatar
Stacked List
Checkbox

screenPatterns:
Add & Create
Chat Detail
Add & Create
Other Action
Action Option
Other Action

screenKeywords:
< New channel
Name
# e.g. plan-budget 80
Make private )
When a channel is set to private, it can only be
viewed or joined by invitation.
S —
|12:00 V4l
# - —
< : plan-budget 0 Za @
members
# plan-budget
You created this channel May 11th, 2022. This is
the very beginning of the #plan-budget channel.
74 Add description
& Add people
Today
n jon.mobbin ;= 4:13 PV
joined #plan-budget
Vishun 4:13 PM
G. joined #plan-budget by invitation from
jon.mobbin
+ Message #plan-budget
|< New channel Create
Name
# plan-budget 69
Make private »
When a channel is set to private, it can only be
viewed or joined by invitation.
< =) GIF Ei o Y
1 2 3 4 5 6 78 9 0
gwe r t y u i oop
a s d f g h j k |
& z x ¢c v b n m &
v
|TS
X Add people SKIP
Sushama, @allison, name@example.com
‘l. Vishun Vishun Parik O
:o Jhon Mobbin O
eo John Doe John Doe O

S —
|& Search shortcuts
Suggested
iﬁj Set myself a reminder
Create a channel
24. Invite someone to this channel
Update your status
Pause all your notifications
Browse apps
ﬁ? 3Iack o N
pdate your status, Pause all your notifications,...
|X Add people ADD

ﬂ. Vishun - Jhon Mobbin

‘l. Vishun Vishun Parik

:o Jhon Mobbin

eo John Doe John Doe O
S —


Logging in

screenElements: Illustration Button

screenElements:
Full-Screen Overlay
Illustration
Button

screenElements:
Text Field
Button

screenElements:
Full-Screen Overlay
Divider

screenElements:
Side Navigation
Button

screenElements:
Logo
Illustration
Button
Illustration
Button
Full-Screen Overlay
Divider
Side Navigation
Button
Text Field
Button
Full-Screen Overlay
Illustration
Button
Text Field
Button

screenPatterns:
Launch Screen
Welcome & Get Started
Acknowledgement & Success
Select
Account Setup
Account Setup

screenKeywords:
52 slack
|12:00 V41l
Picture this: a
messaging app,
but built for
work.

B
|12:00 P41l
&«
Check your email!
To confirm your email address, tap the button in the
email we sent to jon.mobbin@gmail.com.
Sign in manually
|X  Your workspaces Next
Hi there!
Select the workspaces you'd like to add. You can
always sign into more later.

m A team
https:/ateam-pmy4671.slack.com/

E B team
https:/bteam-mci4329.slack.com/
Don't see what you're looking for?

S —
|Workspaces
A team .
ateam-pmy4671.slack.com *

Bt B team .

bteam-mci4329.slack.com *

® Add a workspace

{§} Preferences

() Help
|12:00 A\ N |

m A team =
Jump to...
R Threads
Starred A
#  user-experience
Channels A
# general

# plan-budget

# random
+ Add channel
Direct messages A
:7" slackbot
q jon.mobbin (you)
e% Dropbox @
[ ] Ilhan NMAahhin

-] o) @ Q @)
Home DMs Mentions Search You
|12:00 P41l

Your email address

jon.mobbin@gmail.com

WEe'll send you an email that'll instantly sign you in.

< B o @ N N
1 2 3 4 5 6 7 8 9 0

q w e€ r t y u | o p
a s d f g h j k |

& z x ¢c v b n m &
v
|12:00 P41l
X
+ +
» X
v +
* 4+
Want to skip the typing?
We can email you a magic sign-in link that adds all
your workspaces at once!
Email me a magic link
I'll sign in manually
|12:00 V41
Your email address
WEe'll send you an email that'll instantly sign you in.
Next


Channel details

screenElements:
Icon
Stacked List
Divider

screenElements:
Icon
Stacked List
Divider
Switch
Bottom Sheet
Icon
Stacked List
Divider

screenPatterns:
Settings & Preferences
Settings & Preferences

screenKeywords:
12:00 V4l
# user-experience =
< P 60 Za @
2 members
*  Pinned
“# beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize-sereens (edited)
income-expense-worksheet.xIsx
X'| 50KB xIsx
n 1 replies
o"o slackbot Only visible to you
s s | will remind you “do project work” at
6AM Tuesday, May 17th.
Delete
View Reminders
n jon.mobbin = 4:14 PV
replied to a thread: ‘@ beep beep here's our
income expense worksheet to fill ...
Take note all
o"o slackbot Only visible to you
“ A 1aaiill vAamatinAd viars alhaiidk Fhia aAacca~a
+ Message #user-experience
|12:00 V4l
X Channel details o9
# user-experience
Description
This channel is for working on a project. Feel free
to share any updates or inputs that you might
have!
You created this channel on May 11th, 2022.
Topic
No topic set
EDIT
N Notifications
Every new message
Mute channel
& Add people
£a) Member list (2)
3 Apps
g Leave
|12:00 P41
X Channel details o9
EDIT
N Notifications
Every new message
Mute channel
& Add people
£a) Member list (2)
3 Apps
g Leave
Bookmarks
R Messages 10
Advanced
=] Archive
Archiving will remove #user-experience from
the channel list, and close it for all members.
Everything will still be stored and searchable.
S —


Editing profile

screenElements:
Full-Screen Overlay
Avatar
Text Field

screenElements:
Dropdown Menu
Icon

screenElements:
Full-Screen Overlay
Avatar
Text Field
Avatar
Text Field
Toast
Dropdown Menu
Icon
Tab Bar
Avatar
Icon
Stacked List
Divider

screenPatterns:
Edit
Edit
Edit
Acknowledgement & Success
Action Option
My Account & Profile

screenKeywords:
12:00 V41
X  Edit profile Save
Full name
jon.mobbin
)
Display name
Your display name
This is the name that shows when someone uses @ to mention
you.
What | do
What | do
Contact
Your phone
Enter a phone number.
|12:00 V4l
=  Downloads Qi
Downloads

Q Large files £O This week

IMAGES IN DOWNLOADS ;=
. . we i )
A ‘
|12:00 V41
X  Edit profile Save
W . ‘ Full name
I 1 ' jon.mobbin
/ﬁ/) o
Display name
Your display name
This is the name that shows when someone uses @ to mention
you.
What | do
What | do
Contact
Your phone
Enter a phone number.
Saved
|12:00 \ N |
X  Edit profile Save
o
' f ) Full name
; jon.mobbin
///1‘ !a
Display name
JonMobbin
This is the name that shows when someone uses @ to mention
you.
What | do
Design
Contact
Your phone
> Design Designer Designs &
1 2 3 4 5 6 78 9 0
gwe rr t y u i op
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 A\ N |

You
m JonMobbin

Al ‘. Active

iz Commuting X
fZ_k Pause notifications
,90 Set yourself as away
[l Saved items
L View profile
5’ Notifications
01—? Preferences

Saved

8) A Q ®

Home DMs Mentions Search You
|12:00 P4l
(@) Take photo
& Choose photo from Gallery
|12:00 A\ N |
You
n jon.mobbin
° Active
iz Commuting X
fZ_k Pause notifications
,5_70 Set yourself as away
[l Saved items
L View profile
5’ Notifications
01—? Preferences
8) ) @ Q ®
Home DMs Mentions Search You


Watch together

screenElements:
Animation & Video
Toolbar
Icon

screenElements:
Thumbnail
Stacked List
Tab

screenPatterns:
Other Content
Empty State

screenPatterns:
Bookmarks & Collections
Empty State

screenElements:
Animation & Video
Toolbar
Icon
Tab
Tab
Avatar
Bottom Sheet
Search Bar
Thumbnail
Stacked List
Floating Action Button
Icon
Tab
Tab
Thumbnail
Stacked List
Tab

screenPatterns:
Call
Camera & Scanner
Other Content
Empty State
Other Content
Empty State
Suggestions & Similar Items
Bookmarks & Collections
Empty State
Other Content

screenKeywords:
- all T @)
\/ rublerabbit *ee .
‘.‘ - v "-in_'l“
N '. ‘ ! 'f“ﬁ
Al w":'%,”
1 1 L
1 gF T
L N
e A = i ;»}“ ‘ ;
\ | : \
d \
. ‘A ’
- I;v:\
B . ‘l_)\; S ——
——— - ——
» - = ol E \ j TS
- Ty
@ ¢ ' ‘a
[ e —— ]
|- all 2 @)
III‘ I‘I‘Q b T ’4
AL NERN
‘l“‘ N b
i‘ﬂ K \ €. e
L I ? \ \‘ &
QU EER Waw
Q Search for videos
MUSIC WATCHED UPLOADS SAVED
No videos available
No videos available for this category
=
Watch Posts
[ U )
|- all 2 @)
4 1"1‘!\.‘ i [‘ i ’ 4
I |ﬂf"a{\|\‘\l‘ ﬂ)" i
Ll
?iﬂﬁ‘ {1 —
"wﬁ‘ ‘“%', o
N R 4
Q Search for videos
STED MUSIC WATCHED UPLOADS S,
No videos available
You don't have any watched videos.
o
Watch Posts
|| 4:00 o T -
S T
NG
ATI\ %“'.* ’4 $
IF""? "K & ="
";1‘ d ) w :
Q Search for videos
SUGGESTED MUSIC WATCHED (]
ﬁ,j 4 Zalesvs. Da
*.; Crazy Hawaiian
4 LA 509 Slap Fighting Championship
: / 33M views
e Top Beautiful Lovely
N/ Husband and Wife
L% o || Habibi
: = = 64M views
m,* ERARITRIAE! i
S | mEETE, ARA..
E:KZ‘*‘. I, '.11“' Just For Fun
= e | “"‘,;;. 1.2M views
I
TR R II | FRERMEDE D3, BIRITEL
L B I,sési;@zgs{;{,:i;zﬁ;?&“ TR ERYETE!
] = (B aRE Clips Vivid
_-—ﬁ e 18V views
- ST
‘ MERERENFR, HIRE
Watch Posts
|94 il = =
w8 o -
Mo 77
), FI‘IFIIIIIIII‘. il f st
Ihaely o2
ﬁ?.’.\"’l ) ) )
Q Search for videos
MUSIC WATCHED UPLOADS SAVED
No videos available
No videos available for this category
o
Watch Posts
|- all 2 @)
\\ V)
| ,_ i 7
‘ﬂ\mm\u o e
"‘.“«\!\‘3 i& "i' "=
\ .\[ \"‘\.“‘. p
= § B
Q Search for videos
SUGGESTED MUSIC WATCHED UPL
d B Will Atkinson 'Stimulation'
- Black Hole Recordings &
'4:17 3.8K views
N "k“'m}.'.'/ p 0 Q .
o &/ Bon Jovi - Its My Life - Live
e sl OVVA ROCK
} o *< 3:51 356K views
-y e
g ,, vﬁe Nifra: Follow Me Ill Set
P M" Black Hole Recordings &
q'7—[r - 40K views
1111119
iy i i
= o
'f_\ Amy Winehosuse - Back
L : To Black.
g 4:07, OVVAROCK
’f] A 1.3M views
Mw
=2 Sk k) 'qm Foreigner - | Want To Know
i * Il /hat! ~ve Is - Live Aid
(o
Watch Posts
[ U )


Deleting a message

screenElements: Button Icon

screenElements:
Dropdown Menu
Stacked List
Divider
Icon

screenElements:
Dialog
Button
Icon
Dropdown Menu
Stacked List
Divider
Icon

screenPatterns:
Chat Detail
Chat Detail
Confirmation
Action Option
Action Option

screenKeywords:
9:41 -Ill ? @'
. Chats &
Q Search

.|.
Your story

* Group chat
é‘ You shared a contact card- 17:14

Chats
|9:41 -Ill ? (I
. Chats ¥
Q Search
Your story
Q Group chat
% i You shared a contact card- 17:14
The New York Times
This account can't receive your... -15:32
Chats
. ]
|9:41 all T (@)
. Chats U
Q_ Search
+
Your story
? Group chat
éj You shared a contact card- 17:14
v York
unt can' Are you sure you want to
permanently delete this
conversation?
Cancel Delete
Chats People
|9:41 -Ill ? @»
. Chats D’
Q Search
Your story
Q Group chat
4‘ You shared a contact card- 17:14
v York Times ° =
unt can't receive your... -15:32 o Arenive
® oo
aa
Chats People
. ]
|9:41 il F (Em)
. Chats &
Q Search
Your story
’ Group chat
4‘ You shared a contact card- 17:14
v York Times Q []
unt can't receive your... -15:32 More Archive
Mark as unread D4}
lgnore /]
Delete [
Block e
o e
aa
Chats People
. ]


Jumping to a channel

screenElements:
Search Bar
Avatar
Stacked List

screenElements:
Search Bar
Avatar
Stacked List
Search Bar

screenPatterns: Search Search

screenKeywords:
12:00 A\ N |
m A team =
Jump to...
R Threads
Unread DMs
:o Dropbox e
:7" slackbot e
Direct messages A
oo John Doe
Channels A
# general
# plan-budget
# random
#  user-experience
+ Add channel @
| 5 @ Q @)
Home DMs Mentions Search You
|12:00 V4l
# user-experience =
< P 60 Za @
2 members
o 2:35 =
*  Pinned
) beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize-sereens (edited)
income-expense-worksheet.xIsx
X'| 50KB xIsx
n ‘. 3 replies
n jon.mobbin ;= 4:14 PV
replied to a thread: ‘@ beep beep here's our
income expense worksheet to fill ...
Take note all
View newer replies
Dropbox APP 4:42 PM
joined #user-experience by invitation from
jon.mobbin
n jon.mobbin ;= 4:48 PV
Awesome
+ Message #user-experience
|12:00 V41
< Pump to... Y
EQRAL 2
' R a
Vishun Dropbox  jon.mobbin slackbot Jhon
Mobbin
Recent
# user-experience
@ Dropbox APP
# random
v slackbot
Suggestions
< =) GIF Ei e 3 Y
1 2 3 4 5 6 78 9 0
q W e r t y u | 0] p
a s d f g h j k |
& z x ¢ v b nm &
v
|12:00 V41
< user ©
# user-experience
> user username users \!J
12 3 a4 5 6 7 8 9 0
qgqw e r t y u i o p
a s d f g h j k |
& z x ¢ v b n m &
723 ©® _


Turning on video captions

screenPatterns:
Video Player
Call

screenPatterns:
Video Player
Call
Video Player
Call
Action Option
Action Option

screenKeywords:
Zales vs. Da Crazy
Hawaiian e Q X
The Greatest #Slapfight EVER!
s BETONLINE
SLAF
‘. r
v
| s |MU\)5 o/
- Zales vs Da Crazy Hawaiian ]
- = A8
X "“'\‘
Ll s
MIT Y 1
N Mg N
AT e
;g\\.* e U
A L e 0 1 &
\l ARCAER N
i
(S B
|94 il T -
BETONLINE
FIGHTING SLAF
MPIONSHIP ﬁ I'! OOT CHAW
" i \‘ 1
— = %’W 5 —
»
A
- ScAF
SLAP FIGH. | il cl'inw
AL II):% 2
RETOM MNE ’B)‘I‘,‘
The defending.champ will get |
> the first lap:
s EE . =
I.‘ﬂ- N\ ‘ N F‘
PN\ l
N T
VRT3 ~ 2yl
"\'\. L By i ,4
1 i i 8 = "/' -
- Eﬂiﬂ?ﬁ =
A=
? e |
V& Ik \
[ S )
|fe<l ()
i Tiéng Viét (Viét Nam)
espanol
‘ Benth (a553%0) ,
T s,
- English (United States)
s (Qbglw)
(Olwsh) go)
Tne (Ing)
portugués (Portugal)
Indonesia (Indonesia)
R R
Cancel
|- R 1
Zales vs. Da Crazy
Hawaiian oo Q X
The Greatest #Slapfight EVER!
] BETONLINE N
| SLAP FIGHTING SLAF
GHAMPIONS‘ r’\OTIE_'% HAN
| € =
| N o
SLAPi ' - :
CHAMPY ' - ‘
Y ,t;‘\'»
.m" | ”§ Ay
g
Wiz
CHAMPIONSHIP A
Zales vs Da Crazy Hawaiian v
- —— > Y
S B <3 K
Report a Problem
Find support or report video
Turn on captions
Cancel


Chats

screenPatterns:
Emails & Messages
Timeline & History

screenElements:
Top Navigation Bar
Avatar
Button
Toolbar
Text Field
Tab Bar
Top Navigation Bar
Avatar
Search Bar
Button
Stacked List

screenPatterns:
Chat Detail
Emails & Messages
Timeline & History

screenKeywords:
9:41 -Ill ? @'
£ Q rublerabbit W B¢
rublerabbit
Instagram
O followers - 5 posts
You don't follow each other on Instagram
New Instagram account
View Instagram profile

You unsent a message
Do you mind bringing down the
snack that | passed you the
last time please? I'm already at
the bookstore, text me when
c arrive!
Also, | brought your favorite
0O & ¢ ® &b
|9:41 all ¥ @m)
. Chats &
Q Search
Your story
* Group chat
55; You shared a contact card- 17:14
rublerabbit
= You changed the chat theme to L... - 17:13
20 m
The New York Times
This account can't receive your... -15:32
Chats
. ]


Copying link to messages

screenElements:
Bottom Sheet
Icon
Stacked List
Divider

screenElements:
Toast
Dropdown Menu
Bottom Sheet
Icon
Stacked List
Divider

screenPatterns:
Acknowledgement & Success
Action Option
Action Option

screenKeywords:
12:00 v41
< Thread

1 reply 2
- New

#¢ Also sent to the channel

n jon.mobbin ;= 4:14 PV

Take note all I
|:| Also send to #user-experience
https:/ateam-pmy4671.slack.com/archives
/CO3EHQU51U7/p1652256681507759?thread_ts
=1652256681.507759&cid=CO3EHQU51U7
o

O jon.mobbin

’ beep beep here's our income expe...

+ © @ Aa e
< =) GIF Ei o Y
1 2 3 4 5 6 7 8 9 0
q w e€ r t y u | o p

a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l
< Thread
Message in #user-experience
n jon.mobbin ;= A
May 11th at 4:11 PM
“# beep beep here's our income expense
worksheet to fill
¢ Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize-sereens (edited)
income-expense-worksheet.xIsx
X'| 50KB xIsx
1 reply ':D
- New
#< Also sent to the channel
n jon.mobbin ;= 4:14 PV
Take note all
Copied!
+ Addareply
|12:00 v41
< Thread
® HaHZe-SEreens (edited)
income-expense-worksheet.xIsx
X'| 50KB xIsx
1 reply =
- New |
#< Also sent to the channel
WM ion mohhin . 414 DM {
| Paste Format P ience
Add a reply
+ ©® @ A3
> [&3 https://ateam-... \!J
1 2 3 4 5 6 7 8 9 0
QWEWRTYUI OP
A S DF GH J K L
4 Z X C VB NM &
v
|‘P € ®
¢ Edit message
I= Mark unread
@ Remind me

Remove from saved items

@ Reply in thread
4 Turn off notifications for replies
=  Share message
& Copy link to message
& Copy text
ﬁ Pin to conversation


Reporting a problem

screenElements:
Icon
Switch
Text Field

screenElements:
Icon
Switch
Text Field
Text Field
Icon
Stacked List
Divider
Toast

screenPatterns:
Flag & Report
Flag & Report
My Account & Profile
Acknowledgement & Success

screenKeywords:
Cancel Report Send
|Brief|y explain what happened.

(O]

Add media

Information about your device, account and this app will
be automatically included in this report. To learn more
about how your information is used, please see our Data
Use Policy.

Shake phone to report a problem ()
QWUEIRTY UI OP
A S DF GH J K L
4 Z X CV B NM &
123 space return
. ]
|Cancel Report Send
Just testing function

Add media
Information about your device, account and this app will
be automatically included in this report. To learn more
about how your information is used, please see our Data
Use Policy.

Shake phone to report a problem ()
qgwe r r t y u i1 op
a s d f g h j k |
&£ zZ X Cc Vb nm X
123 space return

. ]
|oo
Done
o Privacy
o Notifications and sounds On
e Phone contacts
a Story
e Avatar
@ Photos and media
e Switch account
Account settings
O Report a problem
0 Help
Legal and policies
|Done Report
Just testing function
Add media

Information about your device, account and this app will
be automatically included in this report. To learn more
about how your information is used, please see our Data
Use Policy.
Shake phone to report a problem ()

Thanks!

Your feedback helps make Messenger
better. We'll contact you if we need
more details.
OK
. ]


Group chat options

screenElements: Toolbar Button Icon

screenElements:
Avatar
Button
Icon
Stacked List
Divider

screenElements:
Stacked List
Divider
Icon

screenElements:
Stacked List
Divider
Icon
Avatar
Button
Icon
Stacked List
Divider
Toolbar
Button
Icon

screenPatterns:
Groups & Community
Groups & Community
Chat Detail

screenKeywords:
9:41 all ¥ @m)
ib Emoiji
e8¢ Sce group members
v& Member requests Off
@ View media and files
Q, Search in conversation
A Notifications & sounds
@ Block a member
A Something's wrong
Give Feedback and Report Conversation
(3* Leave chat
|9:41 all ¥ @)
<
Sammy, rublerabbit

Change Name
+9 A
Add Mute

o Theme

|b Emoiji

e8¢ Sce group members

v8 Member requests Off

@ View media and files

Q, Search in conversation
|9:41 all T @)
¢ ,3? Sammy, rublerabbit LS ||
Sammy, rublerabbit
You created this group
ta / 2
Add Name Members

|
Hello all! @
= 0 @ ¢ | O &b
1 2 3 4 5 6 7 8 9 0
-/ 5, () $ & @ "
#e= . , ? ! ! <)
ABC space return
9


Creating a reminder

screenElements:
Text Field
Bottom Sheet

screenElements: Avatar Button

screenElements:
Text Field
Bottom Sheet
Bottom Sheet
Search Bar
Icon
Stacked List
Logo
Text Field
Avatar
Button
Text Field

screenPatterns:
Add & Create
Add & Create
Add & Create
Action Option
Add & Create
Timer & Clock
Chat Detail
Add & Create

screenKeywords:
X Create a reminder CREATE
When
5/17/22 v
Time
09:00 v
Description
Remind me to...
S —
|X Create a reminder CREATE
When
5/11/22 v
Time
09:00 v
Description
Remind me to...
S —
|X Create a reminder CREATE
When
5/17/22 v
Time
06:00 v
Description
Remind me to...
S —
|12:00 V4l
2022
Tue, May 17/
< May 2022 >
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 ° 18 19 20 21
22 23 24 25 26 27 28
29 30 31
CANCEL OK
|& Search shortcuts
Suggested
iﬁj Set myself a reminder
Create a channel
24. Invite someone to this channel
Update your status
Pause all your notifications
Browse apps
ﬁ? 3Iack o N
pdate your status, Pause all your notifications,...
|X Create a reminder CREATE

When

5/17/22 v

Time

06:00 v

Description

do project work (%]

>  qork work working &
1 2 3 4 5 6 7 . 8 9 0

qw e r t y ui op
a s d f g h j k |

& z x ¢c v b n m &
v
|12:00 P41
6:00:
° PM
55 05
50 10
45 15
40 20
35 25
30
= CANCEL OK
|12:00 V4l
< # user-experience 0 Za @
2 members
; — - | r-—
» 0:06 — —
° 2:35
“# beep beep here's our income expense
worksheet to fill
e Fill and submit by end of the week
e Conduct onboarding tests
¢ Finalize screens
income-expense-worksheet.xIsx
X'| 50KBxIsx
- New
o"o slackbot Only visible to you
s s | will remind you “do project work” at
6AM Tuesday, May 17th.
Delete
View Reminders
+ Message #user-experience
|X Create a reminder CREATE

When

5/17/22 v

Time

06:00 v

Description

kemind me to...

< = GIF B o 9
1 2 3 4 5 6 7 . 8 9 0

qw e r t y u i o p
a s d f g h j k |

& z x ¢c v b n m &
v
|12:00 V4l
2022
Wed, May 11
< May 2022 >
S M T W T F S
1 2 3 4 5 6 7
8 9 10 0 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
CANCEL OK


Adding to story (text)

screenElements:
Color Picker
Carousel
Button

hotspotType: Draw

screenElements:
Slider
Color Picker
Carousel
Button

screenElements:
Color Picker
Carousel
Button
Progress Indicator
Avatar
Full-Screen Overlay
Animation & Video
Progress Indicator
Avatar
Full-Screen Overlay
Toolbar
Button
Icon
Slider
Color Picker
Carousel
Button

screenPatterns:
Draw & Annotate
Stories
Stories
Emails & Messages
Emails & Messages
Add & Create
Draw & Annotate
Draw & Annotate

screenKeywords:
9:41 all F @m)
Done
Any good books to
recommend?|
= @000 0® O (
HEEEEAARE0
EEEEERE0AE8
~ HHEBEE <
ABC _ return
® $
|b Johnathan Doe now coe X
v/ Pl RS
‘é’": b P o 4
X"‘;,-_"-\f_ ,‘:g,. : ‘

“’7.:‘9 o q?\\ )
. / *’ - ‘ 'y

A e |
(&0

" \NA
el B \"
- ‘\\ b .('.‘
\.‘ r.“ V
y ™)
s
: ‘ & q | 'A‘. |
p ‘.\\ J ‘\u
v B |
. 0 e >
-
+]]
Add story
||=Hl}-!l} } }
+[]
Add story
(S B
|9:41 all ¥ @m)
. Chats &

+ @
Your story  Your story

Friend Thats All
o v & 1717

* Group chat

é‘ You shared a contact card- 17:14
Chats
|9:41 il F (Em)
. Chats &
Q Search
Your story  Your story

Friend Thats All
o v & 1717

* Group chat

4 You shared a contact card- 17:14
Chats
|Cancel AdoF! to story Albums
ecents
® Aa
Camera Text
” aj'}‘.:". o ="
D 74 . R
L7 .
I
Shal ] s QI
o= vgfr:; 2a”y | Bl .’1"’"{'
, s | L
- PEsYIP Ry
B W | S
‘:"“ {'3'
L) |
AT I RO
W\ %3 W \%; W\ g
NS B ‘f‘.:;
o WAkl B AV E [ AR e
; S -
|o4 aeme
Privacy Save
S S S
|IO X X XK.
|Undo Done
Any good books to
recommend?

o
I
|< $ Aa B @)
Any good books to
recommend?


Direct message

screenElements:
Top Navigation Bar
Avatar
Bottom Sheet
Text Field
Tab Bar
Search Bar
Avatar
Stacked List
Floating Action Button

screenPatterns:
Chat Detail
Emails & Messages

screenKeywords:
12:00 V4l
® Vishun
<
View details GB @
e Vishun
This is the very beginning of your direct message
history with Vishun. Only the two of you are in this
conversation, and no one else can join it.
Today
Vishun 3:47 PM
Mobbin CMS accepted your invitation to
join Slack — take a second to say hello.
Vishun 3:55 PM
Hey thanks for inviting! Glad we could
speak the other day
n jon.mobbin ;= 4:15 PV
R jon.mobbin
“# beep beep here's our income expense
worksheet to fill
e Fill and submit by end of the week
e Conduct onboarding tests
® Finalize screens
income-expense-worksheet.xlsx
Thread in #user-experience | Today at 4:11 PM
+ Message Vishun
|12:00 V4l

Direct messages

Jump to...
O+ Add new teammate

2'® slackbot 5m

Q4 You: Let's work together in Slack.

a Dropbox 22m
Dropbox: How to share files in Slack

ﬁ. Vishun 38m

B You:

John Doe 1h
John Doe accepted your invitation to
join Slack — take a second to say hello.

n jon.mobbin (you) 5 1h
https:/join.slack.com/t/ateam
-pmy4671/shared_invite/zt-18xk1kd5...

a N @ Q ®
Home DMs Mentions Search You


Members

screenElements:
Search Bar
Avatar
Stacked List

screenKeywords:
< #user-experience
Search
‘l. Vishun Vishun Parik
q jon.mobbin (you) 5
S —
|12:00 V4l
X Channel details o9
# user-experience
Description
This channel is for working on a project. Feel free
to share any updates or inputs that you might
have!
You created this channel on May 11th, 2022.
Topic
No topic set
EDIT
N Notifications
Nothing
Mute channel
& Add people
za] Member list (2)
3 Apps
g Leave


Message detail

screenElements:
Stacked List
Icon
Badge
Status Dot

screenPatterns:
Emails & Messages
Emails & Messages

screenKeywords:
10:00 *1l
& u/reddit
Welcome to Moderating!
u/reddit « 4m
If you're receiving this automated message, you've
just become a moderator in your first community,
congratulations! Here are some tips that might help you
along your way:

« Visit our Mod Help Center to see useful information
for new moderators and guides for your moderation
tools.

« Earn a trophy while learning all about Reddit's
mod tools and best moderation practices in r/
ModCertification101 and r/ModCertification201.

« Read through our moderator guidelines to help you
grow a healthy community and ensure you know
what's expected of you as a moderator.

« Subscribe to r/modnews! Official announcements
specifically of interest to moderators will be posted
here. Don't worry — only the reddit admins can submit
things there, so it won't clutter your front page too
much.

* Check out r/modhelp. It's a great place to get answers
from your fellow moderators on best practices or
how all your new tools work. Be sure to check out the
sidebar for more resources!

* r/ModSupport is where you can ask questions directly
to the admins about policy or introduce ideas for mod
specific features you'd like to see implemented.

« If you have someone breaking site wide rules in your
community please use our report forms here or if you
have a question you'd prefer to ask privately, reddit
admins can be reached via modmail in r/modsupport.

Thanks for helping contribute to the site!
Reply to message
|10:00 *
— Inbox :
e
D o .
Notifications Messages Modmail
% Welcome to Moderating!
If you're receiving this automated message, you've
just become a moderator in your first community, co...
u/reddit « 4m
% AutoModerator notification :
https://www.reddit.com/r/singapore/comments
/undkbr/found_and_rescued_a_frog_trapped_in_train...
u/AutoModerator * 12m
% Thanks for becoming a Reddit Premium member
Hi jonmobbin, Welcome to Reddit Premium! Your
subscription automatically renews each month for $6...
u/reddit * 32m
% Your monthly coins are here
Your 700 Reddit Coins have been added to your
account, so go ahead and put them to good use. Wel'l...
u/reddit * 32m
N
n © + o a9


Logging out

screenElements:
Side Navigation
Button

screenElements:
Bottom Sheet
Icon
Stacked List

screenElements:
Logo
Animation & Video

screenElements: Illustration Button

screenElements:
Bottom Sheet
Icon
Stacked List
Illustration
Button
Logo
Animation & Video
Dialog
Dialog
Toast
Side Navigation
Button

screenPatterns:
Action Option
Welcome & Get Started
Loading
Confirmation
Confirmation
Acknowledgement & Success

screenKeywords:
At Ateam
2+ Invite members
|12:00 V41l
Picture this: a
messaging app,
but built for
work.

B
|Bt B team
2+ Invite members
|12:00 P41
Q
-..
..-
®
Signing Out
Dredging pipes...
|12:00 Y41
Sign out of B team?
You can sign back in anytime by tapping “Add a
workspace”
Cancel Sign Out
|12:00 Y41
Sign out of A team?
You can sign back in anytime by tapping “Add a
workspace”
Cancel Sign Out
|12:00 V41
ﬂ B team =
Jump to...
Channels A
# general
# random
#  website
+ Add channel
Direct messages A
© _ jon.mobbin (you)
ae
+ Invite People
Next, you could... Clear all
Add teammates
Bring your whole team together.
Send a message
Get the conversation rolling.
) A @ Q ®
Home DMs Mentions Search You
|12:00 A\ N |

You
m JonMobbin

Al ‘. Active

iz Commuting X
fZ_k Pause notifications
,90 Set yourself as away
[l Saved items
L View profile
5’ Notifications
01—? Preferences

Saved

8) A Q ®

Home DMs Mentions Search You
|Workspaces
A team .
ateam-pmy4671.slack.com *

Bt B team .

bteam-mci4329.slack.com *

® Add a workspace

{§} Preferences

() Help
|12:00 A\ N |
m A team =
Jump to...
R Threads
Today 4+ A
:7" slackbot e
#  user-experience
e% Dropbox
G(o Vishun
# plan-budget
oo John Doe
:o Jhon Mobbin
q jon.mobbin (you) iz=
# general
# random
B 5 @ Q @)
Home DMs Mentions Search You
|Workspaces
B team .
bteam-mci4329.slack.com *
® Add a workspace
@} Preferences
() Help


Sorting by recent activity

screenElements:
Bottom Sheet
Icon
Radio Button

screenKeywords:
12:00 A\ N |
m A team =
Jump to...
R Threads
Unread DMs
:o Dropbox e
:7" slackbot e
Direct messages A
oo John Doe
Channels A
# general
# plan-budget
# random
#  user-experience
+ Add channel @
| 5 @ Q @)
Home DMs Mentions Search You
|Sort by
Sections ®
(® Recent activity O
|12:00 A\ N |
m A team =
Jump to...
R Threads
Today 4+ A
:7" slackbot e
#  user-experience
e% Dropbox
G(o Vishun
# plan-budget
oo John Doe
:o Jhon Mobbin
q jon.mobbin (you) iz=
# general
# random
B 5 @ Q @)
Home DMs Mentions Search You


Shortcut options

screenElements:
Bottom Sheet
Search Bar
Icon
Stacked List
Logo
Card

screenPatterns:
Action Option
Chat Detail

screenKeywords:
Photos & videos View gallery
* Finalize screend
s | g
@ :HE l ‘- E\ em—

°
(X Record a video clip
< Recent files
JQ) Upload a file
{4 Shortcuts
|& Search shortcuts
Suggested
iﬁj Set myself a reminder
Create a channel
24. Invite someone to this channel
Update your status
Pause all your notifications
Browse apps
ﬁ? 3Iack o N
pdate your status, Pause all your notifications,...
|12:00 V4l
# user- i —
< user-experience 0 Za @
2 members
Taking the train to meet @Vishun
T /"Hi o - :
| e —
TP 05 - e
° 2:35
‘) beep beep here's our income expense
worksheet to fill
e Fill and submit by end of the week
e Conduct onboarding tests
® Finalize screens
income-expense-worksheet.xIsx
X'| 50KBxIsx
+ Message #user-experience


Sending a photo

actions:
Chatting & Sending Messages
Uploading & Downloading

screenElements:
Bottom Sheet
Stacked List
Icon
Divider

screenElements:
Text Field
Thumbnail
Toolbar
Button

screenElements: Avatar Thumbnail

screenElements:
Bottom Sheet
Stacked List
Icon
Divider
Avatar
Thumbnail
Toast
Text Field
Text Field
Thumbnail
Toolbar
Button
Bottom Sheet
Carousel
Icon
Stacked List
Divider

screenPatterns:
Action Option
Chat Detail
Acknowledgement & Success
Chat Detail
Chat Detail
Action Option

screenKeywords:
(& Attach photos & videos
(X Record a video clip

@ Recent files

B Upload a file

% Shortcuts
|12:00 P41
=  Downloads Qi
Q buee (1).png
52.24 kB Apr 19
\i
e i)
Q buee.png Q Janedoe.jpg
98.25 kB Apr 16 462 kB Apr 16
LR}
4 & K M
[ / ‘
§
Y -
A
Q Johndoe.jpg
53.34 kB Apr 16
|12:00 P41
< # user-experience N Za ®
2 members
B = -
8 f e \B w
0% Mobbin o ;"" =
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have.
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have!
Let's use this avatar
|\/Iessage #user-experience
+ ® @ A3
|12:00 V4l
# user- i —
< user-experience N Za ®
2 members
|4 Y JoInea #user-experience
Vishun 3:54 PV
L@ joined #user-experience
What's everyone working on today? ©
Vishun 4:02 PV
v Check this out https:/mobbin.design/
% mobbin.design
Mobbin - The world's largest mobile app
design reference library
Save hours of Ul & UX research with our
library of 50,000+ fully searchable
mobile app screenshots.
B — . e
9 Mobbin ':"""kjtf =
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have.
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have!
Changes saved
+ Message#e .
|12:00 V4l
# user- i —
< user-experience N Za ®
2 members
L [ B . B
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have.
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have!
Let's use this avatar
+ ©® @ Aa (>
>  avatar Avatar avatars &
1 2 3 4 5 6 7 . 8 9 0
q w ¢e T t y u | O p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l
# user- i —
< user-experience N Za ®
2 members
ﬁ. Check this out https:/mobbin.design/
% mobbin.design
Mobbin - The world's largest mobile app
design reference library
Save hours of Ul & UX research with our
library of 50,000+ fully searchable
mobile app screenshots.
B — . e
4 Mobbin ':"""kf;‘ =
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have.
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have!
Message #user-experience
+ ® @ As (>
|Photos & videos View gallery
&8 Checkiis aut i 1
9 e prvhac
n B
e [ @ Rt
(X Record a video clip
< Recent files
0 Upload a file
% Shortcuts
|12:00 P4l
Allow Slack to access photos
and media on your device?


View profile

screenElements:
Bottom Sheet
Thumbnail
Icon
Button
Stacked List
Divider
Toast
Bottom Sheet
Thumbnail
Icon
Button
Stacked List
Divider

screenPatterns:
My Account & Profile
Acknowledgement & Success
My Account & Profile

screenKeywords:
12:00 A\ N |
G g“ﬁ
n ¥ ‘,’
- v‘. \

jon.mobbin ' '
e |+
What | do
Design
Display name
JonMobbin
Until 5:13 PM
2= Commuting e
Local time
4:58 PM
Email
|12:00 A\ N |

You
m JonMobbin

Al ‘. Active

iz Commuting X
fZ_k Pause notifications
,90 Set yourself as away
[l Saved items
L View profile
5’ Notifications
01—? Preferences

Saved

8) A Q ®

Home DMs Mentions Search You
|12:00 P41l
N s\
= ‘
- 4
v ‘ \
w |
jon.mobbin
e |+
What | do
Design
Display name
JonMobbin
Until 5:13 PM
2= Commuting e
Local time
4:58 PM
Email
jon.mobbin@gmail.com
S —


Unarchiving a message

screenElements:
Avatar
Bottom Sheet

screenElements: Button Icon

screenPatterns:
Bookmarks & Collections
Empty State

screenElements:
Button
Icon
Avatar
Bottom Sheet

screenPatterns:
My Account & Profile
Bookmarks & Collections
Empty State
Action Option
Bookmarks & Collections

screenKeywords:
Done
Johnathan Doe
o Dark mode Off
Q Active Status Off
o Message requests
6 Archived chats
° Mobile number
o Privacy
o Notifications and sounds On
e Phone contacts
0 Story
a A\/Qfar_
|£ Archive
Your archive is empty
Archiving keeps chats out of the
way without deleting them. Swipe
left on any chat to move it here.
|£ Archive
bit
ged the chat theme to L... - 1713 Unarchive
L]
|£ Archive
rublerabbit
& You changed the chat theme to L... - 17:13
. ]


Setting notifications

screenElements:
Stacked List
Divider
Switch
Bottom Sheet
Dropdown Menu
Toast

screenPatterns:
Settings & Preferences
Action Option
Acknowledgement & Success
Settings & Preferences

screenKeywords:
12:00 V41
Notifications

X A team @

On mobile, notify me about...

All new messages

Notify me on mobile...

As soon as I'm inactive

System options

Choose sounds, vibration, and importance

Troubleshoot notifications

General settings

Notification schedule  NEW

Every day

Default reminder time

9:00 AM

Notify me about replies to threads .

In-app notifications

In-app notifications appear while the app is open

My keywords

Get notified whenever someone says...

Channel-specific notifications (1)

S —
|12:00 V41
Notifications
X A team @
On mobile. notifv me about...
All new messages
Direct messages, mentions & keywords
Nothing
Choose sounds, vibration, and importance
Troubleshoot notifications
General settings
Notification schedule  NEW
Every day
Default reminder time
9:00 AM
Notify me about replies to threads .
In-app notifications
In-app notifications appear while the app is open
My keywords
Get notified whenever someone says...
Channel-specific notifications (1)
S —
|12:00 A\ N |

You
m JonMobbin

Al ‘. Active

iz Commuting X
fZ_k Pause notifications
,90 Set yourself as away
[l Saved items
L View profile
5’ Notifications
01—? Preferences

Saved

8) A Q ®

Home DMs Mentions Search You
|12:00 V41
Notifications

X A team @

On mobile, notify me about...

Nothing

Notify me on mobile...

As soon as I'm inactive

System options

Choose sounds, vibration, and importance

Troubleshoot notifications

General settings

Notification schedule  NEW

Every day

Default reminder time

9:00 AM

Notify me about replies to threads .

In-app notifications

In-app notifications appear while the app is open

My keywords

Get notified whenever someone says...

Channel-specific notifications (1)

S —


Account settings

screenElements:
Icon
Stacked List
Divider

screenKeywords:
£ Settings
Account settings
Manage information about you, your payments and
your contacts, and your account in general.
@ Personal information
Update your name, phone numbers and email
addresses.
@ Translation for posts
Let us know your translation preferences for posts
from friends and bilingual posts.
@ Ads payments
Make payments or edit your payment settings.
@ Facebook Pay
Manage your payment settings, see your payment
history and access live chat support.
Security
Change your password and take other actions to
add more security to your account.
@ Security and login
Change your password and take other actions to
add more security to your account.
@ Apps and websites
Manage the information you share with apps and
wiAlhAitAan~ Fhat vrAaiihiiA la~nAaAA (A +A anitlh CanAalhAaal
(& W)
. ]
|£ Settings

Your Facebook information

You can view or download your information and

delete your account at any time.

Activity log
View and manage your information and some
settings.

% Account ownership and control
Manage your data, modify your legacy contact,
deactivate or delete your account and more.
Download your information
Download a copy of your information to keep or to
transfer to another service.

[2] Transfer a copy of your information
Copy your photos, videos, posts or other
information to another service.

Ads

Review how we use data to make the ads that you

see more relevant.

) Ad preferences

Control how data influences the ads that you see,
and learn more about how our ads work.

(& W)
. ]
|£ Settings
Stories
Control how your stories are shared and archived.
a Story settings
Choose who can see your stories and manage your
story archive.
Notifications
Decide how you want to communicate across
Facebook and how you want us to contact you.
@ Notification settings
Choose which notifications you want and where
you receive them.
S Text messaging
Edit preferences for sending and receiving text
messages.
Feed settings
Manage the content that you see in your Feed.
Feed preferences
Take control and customise your Feed.
00 Meta
(& W)
. ]
|£ Settings
Business integrations
View and remove the business integrations you've
connected to your account to manage your ads,
Pages and other business information.

Privacy

Control who sees what you do on Facebook and

how data helps us personalise experiences.

a Privacy settings
Control who can see your posts and content, as
well as who can search for you.

‘@ Face recognition

@ Choose whether we recognise you in photos and
videos.

Profile and tagging
Decide who can interact with you and your posts
on Facebook.

Public posts
Manage who can follow you, and who can comment
on your public posts.

.@ Blocking

. Review people who you've previously blocked.

@ Location
Manage your location settings.

(& W)
. ]
|oo
Done
o Privacy
o Notifications and sounds On
e Phone contacts
a Story
e Avatar
@ Photos and media
e Switch account
Account settings
O Report a problem
0 Help
Legal and policies
|£ Settings
1 N A I L Iv\.l
Manage the content that you see in your Feed.
(=) Feed preferences
: Take control and customise your Feed.
00 Meta
Accounts Centre
Control settings for connected experiences such as logging
in and sharing stories and posts across Messenger,
Facebook and Instagram.
Privacy Centre
An overview of your privacy information and choices across
the Facebook app, Instagram and Messenger, so that you
can make sure these settings are right for you.
Legal and policies
Terms of Service
Data Policy
Cookie Policy
Community Standards
(& W)
. ]


Reordering a sticker pack

screenElements:
Thumbnail
Stacked List
Segmented Control

hotspotType: Drag

screenPatterns:
Reorder
Filters & Stickers
Filters & Stickers

screenKeywords:
Sticker Store Done
Featured All Your Stickers
e ‘x(‘ ,, Stranger Things
74 Kyle Lambert
[
Q Moodies
Messenger
() ' ’: Friends
\ Hozo
Chummy
e Chum Chums
Ghostbot Inc.
. ]
|Sticker Store Done
Featured All Your Stickers
e fm<!  Stranger Things
74 Kyle Lambert
B
e Moodies
Messenger
N
7,57,{ ) Brpwn and
(] i % Friends
98 Hozo
Chummy
Q Chum Chums
Ghostbot Inc.
. ]
|Sticker Store Done
Featured All Your Stickers
e fm<!  Stranger Things
74 Kyle Lambert
B
N
7,57,{ ) Brpwn and
(] i % Friends
98 Hozo
Chummy
Q Chum Chums
Ghostbot Inc.
e Moodies
Messenger
. ]


Creating a new workplace

screenElements:
Full-Screen Overlay
Illustration
Button

screenElements:
Text Field
Button
Progress Indicator

screenElements:
Text Field
Button

screenElements:
Progress Indicator
Button

screenElements:
Text Field
Button
Bottom Sheet

screenElements:
Avatar
Stacked List
Bottom Sheet

screenElements:
Chip
Avatar
Icon
Stacked List

screenElements: Button Illustration

screenPatterns:
Confetti
Acknowledgement & Success

screenElements:
Chip
Toast
Avatar
Stacked List
Bottom Sheet
Full-Screen Overlay
Illustration
Button
Text Field
Button
Bottom Sheet
Text Field
Button
Text Field
Button
Progress Indicator
Chip
Avatar
Icon
Stacked List
Text Field
Search Bar
Progress Indicator
Button
Button
Illustration
Search Bar
Text Field
Loading Indicator
Tab Bar
Top Navigation Bar
Search Bar
Stacked List
Accordion
Floating Action Button
Avatar
Icon
Coach Marks

screenPatterns:
Add & Create
Other Action
Acknowledgement & Success
Invite Teammates
Acknowledgement & Success
Share
Add & Create
Add & Create
Invite Teammates
Add & Create
Other Action
Add & Create
Confetti
Acknowledgement & Success
Other Action
Add & Create
Add & Create
Home

screenKeywords:
12:00 V4l
<
What'’s the name of your
company or team?
Ex. Acme or Acme Marketing
‘ A teaml \
By continuing, you're agreeing to our Customer Terms of
Service, User Terms of Service, Privacy Policy and Cookie
Policy.
D It's okay to send me email with Slack tips, news, and
offers.
> team teams teammate \!J
1 2 3 4 5 6 7 8 9 0
qw e r t y u i o p
a s d f g h j k |
& z x ¢c v b n m &
v
|< Add by Email Send
< jhon.mobbin@gmail.com
¢ B & @ R - X
1 2 3 4 5 6 7 . 8 9 0
q w ¢e T 1 y u | o p
a s d f g h j k |
& z x ¢c v b n m &
|12:00 P41l
< Next
Who else is working on this project?
To add teammates, you can either send a link or
invite people from your contacts.
(™ Share a Link
ia] Add from Contacts
Add by email
Message sent
|12:00 41
X Add teammates
Search
L
+1 628-267-9041
° Jon Mobbin
+65 8379 4988
|Share
https://join.slack.com/t/ateam-pmy4671/shared_invite
/zt-18xk1kd5d-7DZpgn6~80QQcb_aNVrUcQ

Copy Nearby
Jon Mobbin
v -
[ L
Gmail Fake GPS Slack Messages
Fake GPS - ...
|12:00 P41l
X  Welcome
Let’s get started!

You've confirmed jon.mobbin@gmail.com. You're all set
to start a new Slack workspace for your organization.
Create a new Slack Workspace
Looking for an existing workspace?

We couldn’t find any workspaces for this address, so
ask an admin for an invitation or
try another email address.
|12:00 v41
X Share in Slack >
To jon.mobbin (you)
https:/join.slack.com/t/ateam-pmy4671/shared
_invite/zt-18xk1kd5d-7DZpgn6~80QQcb
_aNVrUcQ
S —
|12:00 V4l
< Next
Who else is working on this project?
To add teammates, you can either send a link or
invite people from your contacts.
M Share a Link
ia] Add from Contacts
Add by email
|12:00 V4l
<
What'’s the name of your
company or team?
Ex. Acme or Acme Marketing
‘ A team \
By continuing, you're agreeing to our Customer Terms of
Service, User Terms of Service, Privacy Policy and Cookie
Policy.
It's okay to send me email with Slack tips, news, and
offers.
> team teams teammate \!J
1 2 3 4 5 6 7 8 9 0
qw e r t y u i o p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l
< Next
Who else is working on this project?
To add teammates, you can either send a link or
invite people from your contacts.
M Share a Link
ia] Add from Contacts
Add by email
|12:00 V4l
<
What'’s the name of your
company or team?
&
Next
By continuing, you're agreeing to our Customer Terms of
Service, User Terms of Service, Privacy Policy and Cookie
Policy.
It's okay to send me email with Slack tips, news, and
offers.
< =) GIF Ei o Y
1 2 3 4 5 6 7 8 9 0
gwe rr t y u i op
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 41
X Add teammates Send
Jon Mobbin
-
+1 628-267-9041
Q Jon Mobbin
+65 8379 4988
|12:00 V4l
<
What's a project your team is
working on?
[ Ex. Q4 Budget, Website Update... :
0/80
Next

< =) GIF Ei e 3 Y

1 2 3 4 5 6 7 . 8 9 0
qgqw e r t y u i o p

a s d f g h j k |
& z x ¢c v b n m &
|12:00 P41l
Allow Slack to access your
contacts?
|R TS

< Add by Email

jhon.mobbin@gmail.com.

< Invite jhon.mobbin@gmail.com

¢ B % @ N | - X

1 2 3 4 5 6 7 8 9 0
qw e r t y u i op

a s d f g h j k |

& z x ¢c v b n m &
7123 @ © .
|12:00 V4l
< Next
Who else is working on this project?
To add teammates, you can either send a link or
invite people from your contacts.
M Share a Link
ia] Add from Contacts
Add by email
|12:00 v41
& Jon Mobbin & R, Q
10:52 AM
Texting with Jon (SMS/MMS)
2:49 PM
For $15 in ride credit, download the
Lyft app using my referral link. It's
the most affordable ride in town.
Terms apply. https://www.lyft.com
A/MOBBIN67059?utm _medium=
p2pa_abaz
C
Tap to load preview
Not sent, tap to try again.
Link previews are on.

Learn more or turn off in Settings.
https://join.slack.com/t/ateam
-pmy4671/shared_invite/zt .
-18xk1kd5d-7DZpgn6é

> ~80QQcb_aNVrucQ ® 53
|° 4 [ | (N .v
12:00 v P41
p (-] - <9
v v ¢
( \
o (4 P
Tada! Mee¢ yoU‘r team’s first’
q‘hannelz #usqr-e)(per}ence I
D <
° a ¢ _ ® y‘ Q
14 >
Q ® @
4
° 2
, B e
. ~
(-]
w2 1 @1
A channel brings together every part of your project so
your team can get more done.
See your channel in Slack
|< Add by Email
Search
S —
|12:00 V4l
<

What's a project your team is

working on?
Ex. Q4 Budget, Website Update...
‘ userexperience \
15/80

> experience experienced experiences &
1 2 3 4 5 6 7 . 8 9 0
qwe r r t y u i op
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l
<
What'’s the name of your
company or team?
Ex. Acme or Acme Marketing
‘ A team \
Next f)
By continuing, you're agreeing to our Customer Terms of
Service, User Terms of Service, Privacy Policy and Cookie
Policy.
D It's okay to send me email with Slack tips, news, and
offers.
> team teams teammate \!J
1 2 3 4 5 6 7 8 9 0
gwe rr t y u i op
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V41
m A team =
j Now sort your
ump to... channels by recent
activity
Channels A
# general
# random
# user-experience
+ Add channel
Direct messages A
q jon.mobbin (you)
:o Jhon Mobbin
:o Mobbin Cms5
:o Mobbin Cms7
+ Invite People
Next, you could... Clear all
1' Add teammates @
) AN @ Q ®
Home DMs Mentions Search You


Setting a reminder

screenElements:
Bottom Sheet
Icon
Stacked List
Divider

screenElements: Avatar Button

screenElements:
Avatar
Button
Dropdown Menu
Bottom Sheet
Icon
Stacked List
Divider

screenPatterns:
Chat Detail
Action Option
Action Option

screenKeywords:
12:00 V4l
# user-experience =
< P 60 Za @
2 members
income-expense-worksheet.xIsx
X'| 50KB xIsx
n 1 replies
o"o slackbot Only visible to you
s s | will remind you “do project work” at
6AM Tuesday, May 17th.
Delete
View Reminders
n jon.mobbin = 4:14 PV
replied to a thread: ‘@ beep beep here's our
income expense worksheet to fill ...
Take note all
- New
o"o slackbot Only visible to you
“ s | will remind you about this message
from @jon.mobbin in #user-experience
in 1 hour at 5:16PM today.
Delete
View Reminders
+ Message #user-experience
|12:00 4l

Remind me

in 20 minutes 4:36 PM

in 1 hour 5:16 PM

in 3 hours 7:16 PM
Tomorrow Thu at 9:00 AM
Next week Mon at 9:00 AM
Custom
|‘P € ®
¢ Edit message
I= Mark unread
@ Remind me

Remove from saved items

@ Reply in thread
4 Turn off notifications for replies
=  Share message
& Copy link to message
& Copy text
ﬁ Pin to conversation


Adding a description

screenElements:
Text Field
Bottom Sheet

screenElements:
Top Navigation Bar
Icon
Button
Avatar
Thumbnail
Bottom Sheet
Text Field
Toast
Text Field
Text Field
Bottom Sheet

screenPatterns:
Chat Detail
Acknowledgement & Success
Edit
Edit
Edit

screenKeywords:
12:00 V4l
# user- i —
< user-experience 0 Za @
2 members
74 Add description
& Add people
Today
n jon.mobbin 3:41 PM
joined #user-experience
e Vishun 3:54 PV
k. joined #user-experience
What's everyone working on today? ©
e Vishun 4:02 PM
k. Check this out https:/mobbin.design/
% mobbin.design
Mobbin - The world's largest mobile app
design reference library
Save hours of Ul & UX research with our
library of 50,000+ fully searchable
mobile app screenshots.
4 Mobbin ':"";'e T
+ Message #user-experience
|12:00 V4l
# user- i —
< user-experience N Za ®
2 members
|4 Y JoInea #user-experience
Vishun 3:54 PV
L@ joined #user-experience
What's everyone working on today? ©
Vishun 4:02 PV
v Check this out https:/mobbin.design/
% mobbin.design
Mobbin - The world's largest mobile app
design reference library
Save hours of Ul & UX research with our
library of 50,000+ fully searchable
mobile app screenshots.
B — . e
9 Mobbin ':"""kjtf =
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have.
n jon.mobbin 4:04 PM
set the channel purpose: This channel is for
working on a project. Feel free to share any
updates or inputs that you might have!
Changes saved
+ Message#e .
|12:00 V41

X  Edit channel Save
Name

# user-experience

Names must be lowercase, without spaces or periods,

and can't be longer than 80 characters.

Description

This *channel* is for working on a project.
Feel free to share any updates or inputs that
you might have!|

Topic

< =) GIF Ei e 3 Y
1T 2 3 4 5 6 7 8 9 0
@ # S _ & - + () /
a S A €3

12
ABC ! 34 )
v
|12:00 V41
X  Edit channel Save
Name
# user-experience
Names must be lowercase, without spaces or periods,
and can't be longer than 80 characters.
Description
This *channel* is for working on a project.
Feel free to share any updates or inputs that
you might have.|
Topic
< =) GIF Ei e 3 Y
1 2 3 4 5 6 7 . 8 9 0
q w e r1 T y u I O Pp
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l

X  Edit channel

Name

# user-experience

Names must be lowercase, without spaces or periods,

and can't be longer than 80 characters.

Description

This *channel* is for working on a project.

Hold meetings, share docs, and make

decisions together with your team.
S —


Selecting chat theme

screenElements:
Avatar
Button
Icon
Stacked List
Divider

screenElements:
Bottom Sheet
Illustration
Stacked List

screenElements:
Bottom Sheet
Button

screenElements:
Top Navigation Bar
Toolbar

screenElements:
Avatar
Button
Icon
Stacked List
Divider
Top Navigation Bar
Toolbar
Bottom Sheet
Button
Bottom Sheet
Illustration
Stacked List

screenPatterns:
My Account & Profile
Chat Detail
My Account & Profile
Other Content
Select

screenKeywords:
9:41 all T @
<
&
rublerabbit
Instagram
A

Profile Mute
o Theme
|b Emoiji
0 Create Group Chat With
& rublerabbit
@ View media and files
Q. Search in conversation
A Notifications & sounds
[I] Share o e ———
|9:41 all F (Em)
5%, rublerabbit
< t Active 12m ago k @«
15:55
Video chat
7 mins
Audio call
Tap to call again
16:04
Video chat
8 mins |
[ 4
16:54 ,)
"
" Video chat
/‘7 7"7'JL .
7 mins
@)
You changed the chat theme to Lo-Fi . Change
0@ ¢ @
. ]
|9:41 il T ()
<
&
rublerabbit
Instagram
A

Profile Mute

@ Theme
Emoiji

0 Create Group Chat With
& rublerabbit
@ View media and files
Q. Search in conversation
A Notifications & sounds
[I] Share o e ———
|Previewing Lo-Fi
And messages from your
friends will look like this.
17:07
[/
|Preview and select theme

THEMES

Q Lo-Fi

~ Sky
. Lunar New Year

:‘Tg{, Celebration!
@ Stranger Things

- Dune

Care

0 Astrology


Browse people

screenElements:
Tab Bar
Search Bar
Icon
Button

screenElements:
Search Bar
Avatar
Stacked List
Floating Action Button
Tab Bar
Search Bar
Icon
Button

screenPatterns:
Groups & Community
Search

screenKeywords:
< People

3 members
Search for members
@io Vishun Vishun Parik

jon.mobbin (you) =
3 fonmobtin o
®  Jhon Mobbi
- on Mobbin
no John Doe John Doe

+
S —
|12:00 P41
Q. Search for messages and files 9
ia]  Browse people
12 Browse channels
Recent searches
(® in:#user-experience X
Narrow your search
in: Ex: #project-unicorn
from: Ex: Zoe Maxwell
is: Ex: saved
after: Ex: 2020-11-03
to: Ex: me
a o) @ Q ®
Home DMs Mentions Search You


Messaging own profile

screenElements:
Bottom Sheet
Thumbnail
Icon
Button
Stacked List
Divider

screenKeywords:
12:00 P41
@ JonMobbin (you) =
< iz= Commuting =Q @
TS 1S yoOur SpdCe. DIrdit Imessdges, 115t your Lo-uos,
or keep links and files handy. You can also talk to
yourself here, but please bear in mind you'll have to
supply both sides of the conversation.
Today
q JonMobbin = 3:41 PV
al https:/join.slack.com/t/ateam-pmy4671
/shared_invite/zt-18xk1kd5d-7DZpgn6é
~80QQch_aNVrUcQ
q JonMobbin = 4:58 PV
al Talking to the moon
Jot something down ;-
+ ©® @ A
< =) GIF Ei o Y
1 2 3 4 5 6 7 8 9 0
QWEWRTYUTI OP
A S DFGH J K L
4 Z X CVBNM &
v
|12:00 A\ N |
G g“ﬁ
n ¥ ‘,’
- v‘. \

jon.mobbin ' '
e |+
What | do
Design
Display name
JonMobbin
Until 5:13 PM
2= Commuting e
Local time
4:58 PM
Email
|12:00 P41
° i —
< JonMobpln (you) =a @
2= Commuting
Design
This is your space. Draft messages, list your to-dos,
or keep links and files handy. You can also talk to
yourself here, but please bear in mind you'll have to
supply both sides of the conversation.
Today
-ﬁ JonMobbin ;= 3:41 PV
al https:/join.slack.com/t/ateam-pmy4671
/shared_invite/zt-18xk1kd5d-7DZpgn6é
~80QQch_aNVrUcQ
Talking to the moon
+ ©® @ Aa (>
> moon Moon e - ¢
1 2 3 4 5 6 7 . 8 9 0
q w ¢e T 1 y u | o p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 P41
° i —
< JonMobpln (you) =a @
2= Commuting
;&
e JonMobbin (you) 2=
Design
This is your space. Draft messages, list your to-dos,
or keep links and files handy. You can also talk to
yourself here, but please bear in mind you'll have to
supply both sides of the conversation.
Today
ﬁ JonMobbin ;= 3:41 PV
P, https:/join.slack.com/t/ateam-pmy4671
/shared_invite/zt-18xk1kd5d-7DZpgn6é
~80QQch_aNVrUcQ
+ Jot something down -,


Threads

screenElements: Avatar Thumbnail Button

screenElements:
Avatar
Thumbnail
Stacked List
Floating Action Button
Avatar
Thumbnail
Button

screenPatterns: Comments Comments

screenKeywords:
12:00 A\ N |
m A team =
Jump to...
R Threads
Unread DMs
:o Dropbox e
:7" slackbot e
Direct messages A
oo John Doe
Channels A
# general
# plan-budget
# random
#  user-experience
+ Add channel @
| 5 @ Q @)
Home DMs Mentions Search You
|12:00 V41
< Threads
2 new replies
ftuser-experience
You and Vishun
*  Pinned
n jon.mobbin ;= 36 minutes ago A
“# beep beep here's our income expense
worksheet to fill ...
income-expense-worksheet.xIsx
X'| 50KB xIsx
#< Also sent to the channel
n jon.mobbin ;= 33 minutes ago
Take note all
———————————————————————————————————— New
Vishun 1 minute ago
Alright will do thanks for sharing
Vishun < 1 minute ago
@jon.mobbin let's gooo
. o —
E 4 A
|V A A
b\ V10U WAI
'»‘Q [ e ‘
5 |
7] ‘
- 1 unread thread X
|12:00 V41
< Threads
YOU ana visnun
*  Pinned

n jon.mobbin ;= 36 minutes ago A
“# beep beep here's our income expense
worksheet to fill ...

income-expense-worksheet.xIsx
X'| 50KB xIsx
#< Also sent to the channel

n jon.mobbin ;= 33 minutes ago

Take note all
- New
Vishun 1 minute ago
Alright will do thanks for sharing
Vishun < 1 minute ago
@jon.mobbin let's gooo
. — J,e
N\ EN TOU WAN J
' | ner ‘
Reply


Apps

screenElements:
Illustration
Floating Action Button

screenPatterns:
Other Content
Empty State

screenKeywords:
< Apps in #user-experience
There are no apps in this conversation yet.
+
S —
|12:00 V4l
X Channel details o9
# user-experience
Description
This channel is for working on a project. Feel free
to share any updates or inputs that you might
have!
You created this channel on May 11th, 2022.
Topic
No topic set
EDIT
N Notifications
Nothing
Mute channel
& Add people
za] Member list (2)
3 Apps
g Leave


Narrowing search

actions:
Filtering & Sorting
Searching & Finding

screenElements:
Dropdown Menu
Avatar
Stacked List

screenElements:
Avatar
Stacked List
Tab

screenElements: Avatar Thumbnail

screenElements: Thumbnail Tab

screenElements:
Avatar
Thumbnail
Thumbnail
Tab
Dropdown Menu
Avatar
Stacked List
Avatar
Stacked List
Tab
Tab Bar
Search Bar
Icon
Button

screenPatterns:
Search
Search
Action Option
Search
Search

screenKeywords:
12:00 V4l
SIRIEIY @ Vishun 9
Messages Files
&. Vishun
‘ Check this out https:/mobbin.design/
% mobbin.design
Mobbin - The world's largest mobile app
design reference library
Save hours of Ul & UX research with our
library of 50,000+ fully searchable
mobile app screenshots.
e e 20
8 “00:08 f;ta“. °
% Mobbin = ’,’:.ui've t::‘ et
Vishun
&. Vishun
‘ Hey thanks for inviting! Glad we could
speak the other day
# user-experience
&. Vishun
‘ What's everyone working on today? ©
Search
|12:00 A\ N |
< from{SEN Y
Messages Files
1 results Newest
ﬁ IMG-20220508-WA0001.jpg
B 95KB jpg
a o) @ Q @)
Home DMs Mentions Search You
|12:00 A\ N |

< from:@ Y

@lo Vishun Vishun Parik

@ Dropbox APP

q jon.mobbin (you) =

:o Jhon Mobbin

oo John Doe John Doe
C) 1TOIIL CX. £UE IVIdXVVEI
is: Ex: saved
after: Ex: 2020-11-03
to: Ex: me
< =) GIF B o 3 Y

1 2 3 4 5 6 7 . 8 9 0
q w e€ r t y u I O p

a s d f g h j k |
& z x ¢ v b nm &

v
|12:00 V41
< from SN Y
Messages Files
5 results Newest
# user-experience Today
@. Vishun 4:47 pM
B  @jon.mobbin let's gooo
IMG-20220508-WAO0001.jpg
From a thread
# user-experience Today
@. Vishun 4:46 PM
' Alright will do thanks for sharing
From a thread
# user-experience Today
@. Vishun 4:02 PM
B Check this out https:/mobbin.design/
% mobbin.design
Mobbin - The world's largest mobile app
design reference library
Save hours of Ul & UX research with our
library of 50,000+ fully searchable
mnhile ann crreenchntc
4 AN @ Q ®
Home DMs Mentions Search You
|12:00 P41
Q. Search for messages and files 9
ia]  Browse people
12 Browse channels
Recent searches
(® in:#user-experience X
Narrow your search
in: Ex: #project-unicorn
from: Ex: Zoe Maxwell
is: Ex: saved
after: Ex: 2020-11-03
to: Ex: me
a o) @ Q ®
Home DMs Mentions Search You


Group direct message

screenElements:
Top Navigation Bar
Icon
Button
Avatar
Thumbnail
Bottom Sheet
Text Field

screenPatterns:
Chat Detail
Home
Chat Detail

screenKeywords:
12:00 V4l
# user- i —
< user-experience 0 Za @
2 members
74 Add description
& Add people
Today
n jon.mobbin 3:41 PM
joined #user-experience
e Vishun 3:54 PV
k. joined #user-experience
What's everyone working on today? ©
e Vishun 4:02 PM
k. Check this out https:/mobbin.design/
% mobbin.design
Mobbin - The world's largest mobile app
design reference library
Save hours of Ul & UX research with our
library of 50,000+ fully searchable
mobile app screenshots.
4 Mobbin ':"";'e T
+ Message #user-experience
|12:00 A\ N |
m A team =
Jump to...
Unread DMs
:7" slackbot e
Channels A
# user-experience
+ Add channel
Direct messages A
oo John Doe
@l. Vishun
Channels A
# general
# random
+ Add channel @
B 5 @ Q @)
Home DMs Mentions Search You
|12:00 V4l
# user- i —
< user-experience N Za @
2 members
# user-experience
You created this channel May 11th, 2022. This is
the very beginning of the #user-experience
channel.
Purpose: This channel is for working on a project.
Hold meetings, share docs, and make decisions
together with your team.
74 Add description
& Add people
Today
n jon.mobbin 3:41 PM
joined #user-experience
Vishun 3:54 PM
joined #user-experience
What's everyone working on today? ©
Vishun 4:02 PM
Check this out https:/mobbin.design/
% mobbin.design
Mobbin - The world’s largest mobile anb
+ Message #user-experience


Editing my avatar

screenElements:
Avatar
Button
Icon
Side Navigation

hotspotType: Scroll Horizontally

screenElements: Carousel Card Thumbnail Avatar Tab

screenElements:
Full-Screen Overlay
Card

screenElements: Card Tile

screenElements: Card Carousel Chip

screenElements:
Avatar
Bottom Sheet

screenElements:
Carousel
Card
Thumbnail
Button
Full-Screen Overlay
Tab
Full-Screen Overlay
Card
Carousel
Card
Thumbnail
Avatar
Button
Tab
Avatar
Bottom Sheet
Avatar
Bottom Sheet
Card
Tile
Card
Tile
Card
Carousel
Chip
Card
Tile
Avatar
Button
Icon
Side Navigation
Carousel
Card
Thumbnail
Avatar
Tab

screenPatterns:
Edit
Edit
Edit
Loading
Edit
Confirmation
Edit
Edit
Edit
Edit
My Account & Profile
Edit

screenKeywords:
10:00 o
X €
' ’
E@
Explore Style Me
Destiny 2: The Witch Queen
iﬂ\"my/
\ABC '/
A .‘1 |
& \L.«}i;}r")h R e
B T
78" A =)
WAl =y
'..'f.x' /)
Savathun Mara Eris Morn
Everyday Superheroes
. . R
|10:00 A 4 |
X @
<3
v D
I;_:Q
Explore Style Me
& Snoo Power
>
6  Wearing
|10:00 A 4 |
X  swve
’A
C : <5
¥ )
I;_:m
Explore Style Me
Destiny 2: The Witch Queen
il
N 7
LAY
:»'f‘\‘ &:f' SSEH
g :} ) A \ (;' LA}J
Savathun Mara Eris Morn
Everyday Superheroes
: 3
¢ ¢ L0
‘ et
| *‘3 )
|10:00 LA |
2 ‘;—élﬂ”“
»)
4.0,
Cancel
Avatars and avatar visual elements © Reddit and its
licensors. Learn more
|10:00 ol
— Inbox s
-
L @ .
Notifications Messages Modmail
—  Search Modmail Q
[] Recently Updated v
You have 0 messages in All.
@ Success! b1
’ Profile )
|10:00 A 4 |
X @
pa
C j <
D)
O ke
Explore Style Me
& Snoo Power
@ %
o
6  Wearing
|10:00 A 4 |
W IR
D)
/Ay
Confirm
Cancel
Avatars and avatar visual elements © Reddit and its
licensors. Learn more
|10:00 A A |
X @
<
SUie
O )
Explore Style Me
< Eyes
@ %
~N\
@ @ 6  Wearing
[ [ (1)
|10:00 A4 |
" D
\ &
o3
4.
h;*»
u/jonmobbin &J v
»g, 13 e, 0d
s Karma e Reddit age
@ My profile
@ Create a community
@ Reddit Coins
1.6k Coins
EH Reddit Premium
Member
E'[:] Saved
® History
{g} Settings
|10:00 A 4 |
X @
pA
“ I
)
O 5
Explore Style Me
& Eyes
e’ e’ @
G@ l 0%
S 5
© ©
6  Wearing
|10:00 ol
X =3
<
v 9
) 5
Explore Style Me
Appearance
@ Body @ Hair @ Eyes i; Expre
Past looks
Revisit one of your old looks
© © ©
|10:00 o
X @
<
v 'y,
O ' )
Explore Style Me
% Tops % Bottoms
; ; Hats rg; ; Face
N
X Right
Left Hand %\ Hand
O
)
v “’ Full Looks
|A 4 |
' &2
ED
p =
"lt\f'
u/jonmobbin v
v, 1 e, 0d
s Karma e Reddit age
@ My profile
@ Create a community
@ Reddit Coins
0 Coins
HB Reddit Premium
Ads-free browsing
E[] Saved
@ History
{%} Settings
|10:00 A 4 |
X ©
:(}
v .t
%
Explore Style Me
Destiny 2: The Witch Queen
‘—!»‘!!.\.\!_'"
N 2
& \‘:j‘l
a \% S —
| /'",:};’\ | v «‘{x{}
e it ’ Vd
Savathun Mara Eris Morn
Everyday Superheroes
ORAN, . Fo
b -
'!: \ 'Ol W
{0 S B
S e