Design/Whiteboards/Impress remote

TDF LibreOffice Document Liberation Project Community Blogs Weblate Nextcloud Redmine Ask LibreOffice Donate

• Wiki Home
• Development
• Design
• QA
• Events
• Documentation
• Website
• Localization
• Accessibility
• Marketing
• Diversity
• Wiki Help

• Design Home
• Whiteboards
• Development Blueprints
• UX Principles
• UX Guidelines
• Artwork Resources
• Branding Guidelines
• Meetings

This page was marked as inactive and is retained for historical reference. Either the page is no longer relevant or consensus on its purpose has become unclear. To revive discussion, seek broader input via a forum such as one of our mailing lists.

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

• LibreOffice Design List

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

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

• 

  Remote

• 

  Remote Slides

• 

  Remote Notes

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

• Video of Apple's Keynote Remote
• Apple's Keynote Remote in portrait mode
• Apple's Keynote Remote in landscape mode
• Presentation remote
• PowerPoint OpenOffice Remote
• OpenOffice.org Presenter Screen Specification (see also the linked file "draft specification")