►
From YouTube: WebIDE past design explorations
Description
Mike and Michael discuss past ideas around removing the tabs on the side in the WebIDE and different areas that were explored to start a commit process.
A
Cool
so
hi
everyone
today
we're
going
to
talk
mike
and
mike,
are
going
to
talk
about
web
id
stuff.
Some
past
exploration
from
a
design
perspective
on
the
exploration
around
moving
away
from
tabs
to
lists,
and
some
explorations
around
the
commit
area
and
like
where
to
put
that
so
mike
yeah,
take
it
away.
And
if
you
have
any
questions
that
you
need
me
to
like.
If
you
want
more
clarifications-
and
I
can
answer
some
stuff.
B
Sure
so
you
want
me
to
start
with
the
kind
of
the
sectioned
one
yeah.
B
Yeah,
okay,
I'll
pull
it
up
just
so
we
can
look
at
something
while
we're
talking,
I'm
not
even
sure
if
this
is
the
final
one
that
actually
got.
B
Yeah,
so
the
main
I
think,
reason
for
this
was
was
just
we
were
getting
a
lot
of
feedback
from
both
user
testing
and
this
kind
of
antidote,
anecdotal
stuff
from
gitlab
users.
That
would
kind
of
ask
questions
a
lot
of
times
like
if
you
were
opened
up
a
merge
request
and
you
landed
in
the
review
tab.
B
People
would
were
constantly
searching
for
like
how
do
I,
how
do
I
get
to
the
edit
mode
from
here?
They
were
lost
they
they
had
no
real
idea
of
how
to
like
transition
into
edit
mode.
So
clearly
the
tabs
weren't
resonating
with
folks
and
then
speaking
with
marcel,
you
know
their
the
original
design
way
back.
B
I
think,
even
back
in
the
dimitri
days,
perceiving
marcel
even
was
kind
of
a
stepped
flow
that
you
would
kind
of
edit
review
commit,
and
I
think
the
only
people
that
understood
that
flow
or
interpreted
that
flow
to
be
that
flow
were
dimitri,
marcel
and
now
us
too,
because
unless
you
knew
the
that
was
the
intent
of
the
design,
it
never
resonated
with
with
people
that
that
was
designed.
So
you
know
that
was
the
the
genesis
of
that
kind
of
tab
flow
system.
B
So
at
its
core
it
obviously
wasn't
resonating
with
users,
whereas
this
design
kind
of
brings
it
right
into
your
into
your
lab.
So
you
can.
If
a
change
is
highlighted,
it's
a
little
bit
clearer.
I
think
that
that's
why
you're,
seeing
it
in
review
mode
and
if
you're,
seeing
the
files?
B
That's
why
it's
in
that
and
then
as
marcel
and
you
discussed,
michael
in
the
previous
call
that
you
had
just
opportunities
for
kind
of
progressive
disclosure
here
you
know
if
there
are
no
changes,
there's
no
need
to
show
you
that
so
we
can,
the
ui
becomes
even
simpler
and
then
the
changes
only
appears
once
once
you
do
have
changes,
so
it
hopefully
would
being
that
it's
stepped,
and
it
appears
at
that
moment
when
you
make
the
change
would
make
it
a
little
bit
clearer
of
why
it
exists.
B
So
really
this
was
its
main
goal
was
just.
A
B
To
remember,
if
we
did,
I
don't
think
we
did.
This
was
right
at
the
end
of
my
my
web
ide
career.
This
was
this
was
right
right
before
the
reorganization
kind
of
got
switched,
so
we
were
kind
of
just
exploring
some
designs
thrown
this
out
there
and
then
that's
when
that
whole
reshuffle
happened
so
yeah
this
was
never.
B
I
don't
think
it
was
ever
scheduled
to
be
built
or
implemented.
It
was
more.
I
think
it
was
in
the
phase
of
putting
it
in
front
of
the
engineers
and
getting
their
feedback
from
both.
You
know,
as
consumers
of
of
gitlab
and
and
editors
of
code
editing.
How
did
you
feel
about
them,
but
also,
more
importantly,
like
what
of
this
would
be
challenging?
B
A
Cool
the
reason
I
bring
that
up
is
that
there
is
an
issue
in
the
in
the
works
of
removing
the
video
tabs
as
kind
of
like
the
step
towards
getting
to
this,
and
for.
B
A
Didn't
know
I
didn't
know
the
back
history
of
this.
I
thought
everyone
understood
the
flow
of
the
you
know,
files
reviewed
commit,
but
clearly
that
was
a
huge
assumption
on
my
part
and
yeah
yeah.
B
A
The
works
and
I'm
planning
to
do
a
solution,
validation
around
this
kind
of
ex,
not
this
execution,
but
it
could
be
that
I'd
use
this
so
yeah.
B
Yeah,
I
think
that
one
predated,
even
even
me
and
yeah,
so
I
mean
you
can
see
this.
This
theme
has
come
up
a
few
times
across
the
editor's
history
of
that
and
that
was
kind
of
a
bit
of
an
inspiration
of
of
why
to
get
into
this
exploration
yeah
the
removal
of
the
tab.
B
A
A
B
I
I
would
just
the
maybe
the
phrasing
changes
in
files
can
people
locate
those
things
are
people,
okay
with
there
being
a
dual
list
now,
because
what
we're
looking
at
here,
I
think
it's
a
it's
in
a
reasonable
example,
but
if
it
was
the
kind
of
situation
where
you
made
20
changes
well
now,
you're,
probably
in
that
situation,
where
files
is
pushed
all
the
way
off
the
screen
without
a
scroll
which
maybe
that's
desirable,
and
if
they're
collapsible,
you
know
so
I
would,
I
would
focus
on
the
you
know-
are
changes
in
files,
the
right
nomenclature
to
use
their
and
then
edge
case
scenarios
of
if
things
were
pushed
off
and
and
maybe
even
around
you
know
this
idea
of
the
progressive
delivery,
progressive,
progressive
disclosure
of
you
know.
A
B
Of
that
was
well
thought
through
so
yeah
those
might
be
areas
of
focus.
A
Okay-
and
that
gives
me
some
food
for
thought,
and
so
I
appreciate
that
thanks
for
that
so
cool,
I'm
keen
to
move
the
conversation
towards
the
commit
thing.
A
Button
area
so
from
if,
if
I'm
wrong
about
this,
just
feel
free
to
correct
me,
but
part
of
some
of
the
work
that
you
did
prior
back
in
the
day
was
looking
at
where
the
commit
area
should
be
whether
it
should
be
at
the
bottom
left
on
the
right
bar
somewhere
else.
B
Yes,
I
went,
I
went
all
the
way
to
the
bottom
of
the
pool
on
this
one.
I
I
I
went
in
deep
on
this
one
and
just
started
playing
around
somewhat.
I
will
say
somewhat
dangerously,
not
not
evidence-based,
not
user-based.
B
B
So
it's
always
kind
of
remained
on
the
bottom,
which
I
do
think
is
a
valid
flow.
But,
looking
at
you
know
some
of
the
other
editors
out
there,
it's
an
interesting
one
because
they
don't
necessarily
like
the
most
engineers
are
coming
in
line.
First,
so
they're,
usually
when
they're
pushing
things
they're
they're
using
the
command
line
for
that.
But
if
you
look
at
vs
code
and
where
the
save
button
or
the
commit
button
or
that
kind
of
flow,
is
it
was
kind
of
up
towards
the
top
area
up
there.
B
So
I
played
around
with
that
a
bit.
I'm
sorry!
So
there's
also
like
explorations
of
like
these
buttons
as
well.
I'm
trying
to
trying
to
remember
what
all
these
things
were.
I
played
around
with
this
a
lot,
but
it
was
this
idea
of
kind
of
moving
it
up
towards
the
top
grouping
it
up
in
this
area
here.
So
you
have
basically
an
action
section
and
then
files
below
that.
What
I
kind
of
liked
about
that
was
that
then
this
can
scroll
and
it's
just
at
the
loss
of
files.
B
B
I
think
when
you
scroll,
one
actually
does
appear
up
here,
but
being
at
the
top
here,
you
know,
then
you
can
just
get
into
this
world
where
there
is
kind
of
a
natural
scroll
area,
naturally
pinned
area
that
I
liked
the
big
thing
to
consider
with
this,
though,
is
so
if,
if
we're
going
to
use
that
same
kind
of
drawer
action,
this
doesn't
really
fit
well
with
that
right.
B
This
also
coincided
with,
I
think,
you're
familiar
with
some
of
the
editor
light
stuff
and
some
of
the
in
context,
editing
and
playing
with
that
idea
that
dennis
was
was
had
built
up
kind
of
that
proof
of
concept
and
that
really
started
to
feel
kind
of
like
a
direction
that
maybe
we
can
go
in.
So
the
thought
was
maybe,
if
we
had
built
out
this
kind
of
modal
commit
flow
for
this,
that
it
could
be
reused
wherever
we're
doing
that
in
context,
editing
to
try
and
kind
of
componentize.
B
Not
only
that
you
know
the
just
the
code
of
it
right,
the
build
that
model
wants
and
reuse
it,
but
also
kind
of
standardize
that
user
flow
of
whenever
I'm
committing
via
the
ui.
It
kind
of
looks
like
the
same
thing
it
might
pop
up
from
different
places.
B
But
if
we
can
get
that
into
a
modal,
then
it's
that
same
flow
every
time
that,
unfortunately,
did
not
get
user
tested.
So
that
is
a
wild
theory
that
I
would
highly
recommend
throwing
some
user
testing
at
before
proceeding
down
that
that
modal
flow.
But
that
was
kind
of
the
thought
of
this.
One
of
let's
group
everything
all
your
actions
in
one
place
and
then
go
to
a
more
modal
style,
commit
flow.
A
That's
not
too
far
off
because
we
started
exploring
some
of
that
in
the
static
set
editor
and
the
timing,
and
the
way
you're
talking
about
things
is
aligned
to
like
what
nadia
and
I
are
kind
of
thinking
about,
of
having
a
consistent
commit
flow
across
the
different
editors
she's,
focusing
more
on
pipeline
pipeline
editors,
which
is
based
on
top
of
editor
light.
So
it's
kind
of
on
the
same
world.
It's
like
different,
looks
and
feels,
but,
like
you
know,
the
commit
flow
in
in
general.
B
Yeah,
it
seems
like
a
if
we
could
prove
it
out
to
be
a
viable
user
flow.
It
just
seems
like
it's
going
to
save
so
much
time
and
just
be
able
to
build
that
once
and
maybe
even
do
testing
around
that
and
get
that
flow
really
knocked
out
because
yeah,
whether
it's
static
site
or
or
ide,
or
even
in
the
source
code,
you
know
side
of
things
or
the
pipeline
editor.
B
Really.
The
commit
flow
is
fairly
similar.
I
think
the
static
site
maybe
had
a
little
variance
of
like
assigning
a
approver
or
something
during
that
flow,
but
yeah.
It
seems
like
the
kind
of
flow
that
I
I'm
just
not
seeing
why
it
would
vary
differently
right,
like
I'm
a
fan
of
defaulting
to
consistency
unless
there's
a
reason
to
not
so
it
seems
like
that
flow
would
would
be
a
good
candidate
for
that.
B
So
any
questions
on
that
one,
I'm
trying
to
think
where
else?
Oh,
so
there
was
this
idea
as
well.
This
was
like
just
really
cleaning
it
up.
This
was
around
the
time.
I'm
sure
you
saw
the
issue.
I
think
you've
been
pulled
into
that
one
of
the
drop
down.
B
The
split
drop
down
we
kind
of
got
into
a
split
drop
down
phase
that
we
were
doing
some
tests
on.
So
it
was
kind
of
pushing
that
idea
here
and
the
answer
to
the
question
that
you're,
probably
thinking
is
well.
What
is
in
that
drop
down,
it
would
be
discard.
All
changes
would
be
the
only
option
in
here.
So
it's
a
little
interesting
that
do
we
really
need
a
drop
down
for
that,
but
it
was
kind
of
just
cleaning
some
things
up.
B
If
you
really
wanted
to
like
move
all
these
buttons
out
of
this
header
and
put
them
in
there.
I
think
this
one
is
the
cleanest
visually,
but
probably
not
the
best
experience,
but
if
you
do
like
grouping
buttons
together,
here's
an
opt-in
for
that
and
then
I
think
I
think
this
was
just
the
bait
yeah.
This
was
the
standard
one
and
then
components.
B
Buttons
and
header
yeah,
so
these
this
this
tab
is
all
really
more
about
exploring
how
to
group
these
buttons
again
that
same
kind
of
idea
of
should.
Should
they
exist
here?
B
Should
we
group
them
together
and
drop
down?
Should
there
be
three
of
them
so
this
this
one
is
more
about
the
these
three
buttons
or
these
four
buttons
really.
B
Yeah,
so
really
that
was
the
the
only
one
of
really
deeply
exploring
the
moving
the
commit
button,
and
I
think
honestly,
it's
more
about
that
modal
flow
than
it
is
about
the
button
placement,
because
if
we
had
that
modal
flow,
you
know
it
could
honestly
be
here
here
here
anywhere.
B
It's
it's
really
more
about
the
web.
Id
was
tied
to
this
kind
of
drawer
interaction,
and
should
we
break
from
that?
If
we
do,
then
I
think
this
might
be
a
viable
option
of
a
place
to
put
it.
But
you
know
here-
and
here
are
also
still
viable
even
with
that
modal.
B
A
Cool
that
that
sounds
really
good.
I'm
gonna
be
a
little
bit
cheeky
here
and
say:
do
you
have
any
of
your
moto
designs
around.
B
I'm
trying
to
remember
if
I,
if
I
got
into
that,
I
think
I
was-
I
think
my
plan
was
to
steal
yours,
because
I
remember
now
that
you
now
that
you
mentioned
the
static
site
stuff.
Let
me
stop
sharing
real
quick,
so
I
don't
get
into
anything
weird
here
to
see.
If
I
have.
B
A
A
Right
for
now,
if
you
were
gonna
steal
from
me,
I
was
gonna
steal
from
myself
and
probably
borrow
some
stuff
that
the
pipeline
editor
group
is
looking
at
too.
So
I
was
gonna
mix
and
match
some
stuff,
so
I
was
just
trying
to
see
if
I
could
fast
track.
Seven
wide
work.
B
Yeah,
no,
I
remember
yeah.
It
was
about
the
time
when,
when
I
started
looking
at
that
modal
flow
and
marcel
was
was
encouraging
me
to
look
at
the
static
site,
editor
stuff,
that's
how
I
knew
about
the
reviewer
flow
and
all
that
stuff,
because
yeah
that
was,
I
was
looking
very
much
at
the
modal
that
you
were
working
on
the
modal
fold
that
you're
working
on
for
that.
A
Cool
yeah
yeah.
That
sounds
good
thanks
for
walking
us
through
all
these
different
explorations.
It
was
really
useful
information.
So
yeah,
that's
that's
all
the
questions
I
have
today.
Do
you
have
any
questions
about
any
of
the
upcoming
working
web
id
or
the
editors.
B
In
context,
editing
issue
again
with
daniel
ipm,
just
seeing
the
progress
of
editor
light
and
now,
knowing
that
it's
going
to
be
the
base
for
the
web
ide
and
just
the
power
of
that
and
then
also
knowing
kind
of
the
history
of
the
single
the
single
file
commit
flow
not
being
optimal
and
then
also
seeing
those
kind
of
we
have
now.
I
have
like
four
editors
right
and
and
the
web
id
and
the
single
file
editor
have
always
been
a
difficult.
B
You
know
distinguished
when
to
use
those,
I
think.
Even
in
your
talk
with
marcel,
you
know,
I
think
I'm
in
that
same
boat,
sometimes
I'll
use
one,
sometimes
the
other,
and
I
honestly
myself
even
having
worked
on
all
this
stuff
for
a
year.
B
Don't
really
have
a
good
answer
of
why
I
use
one
over
the
other,
so
just
to
make
the
point
that
I
feel
like
that
conversation
might
benefit
your
group,
nadia's
group,
but
also
in
source
code,
as
as
a
lot
of
the
touch
points
for
these
edit
buttons
and
also
even
the
in
the
the
merge
request
stuff
with
pedro
that
that
may
be
a
larger
conversation
of.
B
A
Cool
so
like
the
adventures
of
designers,
coming
together
to
solve
this
inedit
product
yep
sounds
good.
A
Very
well,
then,
so,
be
it
all
right,
thanks
again
for
your
time,
mike
and
yeah,
we'll
catch
up
in
the
future.
Okay.