Design/Whiteboards/Impress remote

From The Document Foundation Wiki
Jump to: navigation, search

Summary

Design an Android smartphone remote control for Impress slideshows.

Continuation

Phase 2

Status

Call for Proposals Analyzing Proposals Shaping Tentative Design Implementation in Progress Implemented

Scope

In Scope Out of Scope
  • Follow the Android HIG for phones
  • Navigation between slides
  • Preview of the current or next slide
  • Presenter notes
  • Phone version of Impress

Discussion

Personas

  • Steve: CEO of a large company. To give a good presentation, he needs to be able to control it remotely with his Android phone.
  • Nelly: 28, Phd-Student in social sciences. Used to doing presentations, but still a little stressed when she has to talk. Works with LibreOffice.

Tentative Design

ImpressRemoteTentative.png

Connecting to a computer

If the connection was forcefully disconnected (Via the modal bar) after the last time the remote was used one should need to enter a new PIN. Otherwise the app should try to reconnect using the last settings. Same goes for the PC.

The first screen the app shows is the one to select computers that the cell can connect to via wlan or bluetooth. Then the user can generate a PIN on the phone and enter it on the PC. Those set-up screens can be reached via the overflow menu or the options view.

On the PC the dialog shows available mobile devices. the workflow to set up the connection is the same as when using the phone to select a PC.

Navigating

By default, sliding to the left or the right moves to another slide of the presentation. In the options, one can choose to use hardware buttons instead/additionally.

Views

There are five views.

1) Presenting mode: The current slide as well as the next slide and presenter notes are shown (aligned vertically or horizontally). Dragging the seperator in- or decreases the size of the two sections.

2) Overview: Previews of all slides are shown

3) Options

3) Computer selection

4) PIN generation

Clock

To switch clock modes, tap on the clock in the title bar, which will bring up a secondary toolbar. Tapping the stopwatch or countdown icon will show a tertiary toolbar, allowing the user to start, pause, reset, or set the countdown time. To get rid of the toolbars, tap on the title bar again or on the slide thumbnail/notes underneath.

Options

One can enable the use of hardware buttons, choose whether calls should be declined automatically and select a computer to connect to

Disconnecting

After connecting to a device, the user should always be able to disconnect from that device in the Impress Remote dialog in LibreOffice.

After the user exits slideshow mode, a modal bar should appear, featuring a button to disconnect the phone and one to stay connected for future presentations.

Proposals

Proposal by Android272

Mockups

Description

Gestures
  • Swipe left and right to switch between Slides and Notes.
Preview
Slide
  • Shows a preview of all slides and there slide number.
  • Double clicking or long pressing will switch directly to that slide.
Notes
  • Shows a preview of all Notes associated with each slide and the number of the slide.
  • Double clicking or long pressing will switch directly to the slide it is associated with.
  • Slides with no Notes will show the slide instead.
Controls
  • Right arrow steps through the next step in the slide.
  • Left arrow steps back through the last step in the slide.
  • Menu is to be determined.
Timeline
  • The Timeline shows little dots to indicate the next slide.

Proposal by Alexander Wilms

Mockups

Proposal by Mirek2

Mockups

Description

The default portrait UI comprises of three "bricks": the top toolbar, a thumbnail browser, and presenter notes. The height of the presenter notes brick and the thumbnail browser brick count be adjusted using a handle between the two.

The landscape mode would only feature the thumbnail browser and a toolbar at the side, not presenter notes.

Moving between slides

To move between slides, the user would either swipe horizontally, tap on the slide's thumbnail, or tap on a navigation arrow.

Time indicator

The time indicator sits in the middle of the toolbar. It is initially in Clock mode, but can also be set to Countdown or Stopwatch mode.

Proposal by mahfiaz

Open Problems

Presentation of Slide Notes

In the same view as slide thumbnails In a separate view
  • Allows the user to see the slide as well as the notes that accompany it simultaneously.
  • Doesn't require a tab bar (useful if we want to use the slide gesture to advance slides)
  • Make it possible to present a bigger preview of the slide and more of the notes.

Final decision: In the same view as slide thumbnails

Advancement of Slides

The following are non-exclusive, and we may choose a combination of solutions.

Using on-screen buttons Using a slide gesture By tapping on the slide thumbnail or notes
  • Allows the use of a tab bar for a slide gesture.
  • Doesn't have to be explained to the user in advance.
  • Makes it possible to navigate both back and forward.
  • Makes it possible to advance the slide without looking at the screen.
  • Makes it possible to navigate both back and forward.
  • Intuitive to touch users, who use the same gestures for moving between photos.
  • Familiar to desktop users

Final decision: Using a slide gesture

Portrait vs. Landscape Mode

Show the same info Use different views
  • Consistent
  • Fast view change
  • Presenter doesn't have to look at the screen to change views
  • Consistent with Apple Keynote Remote behavior

Final decision: Show the same info

Clock Placement

In the action bar Below the slide thumbnail
  • Makes the clock stand out
  • Allows use of a large font size
  • Leaves room for buttons or tabs in the action bar

Final decision: In the action bar

Open Topics

Screen Blackout

Final decision: "Blackout Screen" item in the overflow menu.

Proposal by Mirek2

Include a "Blackout screen" item in the slide browser (see below).

Landscape Mode

Final decision: Proposal below.

Proposal by Mirek2

Switch Clock Modes

Final decision: Proposal below.

Proposal by Mirek2

To switch clock modes, tap on the clock in the title bar, which will bring up a secondary toolbar. Tapping the stopwatch or countdown icon will show a tertiary toolbar, allowing the user to start, pause, reset, or set the countdown time. To get rid of the toolbars, tap on the title bar again or on the slide thumbnail/notes underneath.

Slide Browser

Final decision: Proposal below, without the "Blackout screen" button.

Proposal by Mirek2

In Need of Design

Computer Selection

Has yet to be designed.

PIN generation

Has yet to be designed.

PIN entry in Impress

Has yet to be designed.

Option to use hardware buttons for moving between slides

Has yet to be designed.

Option to auto-decline calls

Has yet to be designed.

Relevant Art