Getting Started

Designers

WilliamJonMcCann, AllanDay, JakubSteiner

Objectives

• Prioritise things that will be interesting to new users
• Only cover the basics first
• Avoid lots of text - show don't tell

WebOS

A video plays that introduces some concepts.

• http://www.youtube.com/watch?v=AkD2oQUMW_g

Android (Jelly Bean)

A video which shows the (slightly buggy) initial setup of Android 4.1 Jelly Bean. Of note is the integrated tutorial that he mentions toward the end.

• http://www.youtube.com/watch?feature=player_detailpage&v=A7ZY5g3DqkA#t=267s until 5:35

iOS

None

OS X

Versions before 10.7 used an introduction video:

• http://www.youtube.com/watch?v=wLDniiLLjz4

In 10.7 this was replaced with Setup Assistant:

• http://macs.about.com/od/macoperatingsystems/ss/Perform-A-Clean-Install-Of-Os-X-Lion-On-Your-Mac_4.htm

Windows XP

• http://www.youtube.com/watch?v=AGhyDSfu_n4&feature=related

Windows 7

• Online tour http://windows.microsoft.com/en-us/windows7/products/tour

Ubuntu

• Introduces some concepts during the installation process

• Provides an online tour http://www.ubuntu.com/tour/en/

Google+

https://lh3.googleusercontent.com/-eEpwk_PD_w0/T4c8oRDyHnI/AAAAAAAAafM/Kfkrbi8qeN0/s640/Screenshot%20at%202012-04-12%2016%3A31%3A41.png https://lh4.googleusercontent.com/-Sw4B2xCssAg/T4c8oJ8wP_I/AAAAAAAAafE/j5nqjGrFmlg/s400/Screenshot%20at%202012-04-12%2016%3A32%3A14.png https://lh4.googleusercontent.com/-Y4H7a5FKbMk/T4c8oCy4hNI/AAAAAAAAafI/2KdS0kDeMCc/s400/Screenshot%20at%202012-04-12%2016%3A32%3A23.png https://lh3.googleusercontent.com/-EinSEHo9NVw/T4c8o5m0VqI/AAAAAAAAafc/LUQlDfR1QWA/s400/Screenshot%20at%202012-04-12%2016%3A32%3A30.png https://lh3.googleusercontent.com/-U2otOH3PTtk/T4c8o7bQtOI/AAAAAAAAafY/ogz4J8wn4Dk/s400/Screenshot%20at%202012-04-12%2016%3A32%3A36.png https://lh5.googleusercontent.com/-WR9ZIVoUx3E/T4c8qKOlavI/AAAAAAAAagA/LdcAFHtt06M/s400/Screenshot%20at%202012-04-12%2016%3A32%3A54.png https://lh5.googleusercontent.com/-JhfledMNDwY/T4c8pZtAAvI/AAAAAAAAafw/XOHTPYw1XpU/s400/Screenshot%20at%202012-04-12%2016%3A32%3A59.png https://lh4.googleusercontent.com/-aASbd4vPfl8/T4c8pS8zCHI/AAAAAAAAafs/mbHgwBqSUyY/s400/Screenshot%20at%202012-04-12%2016%3A33%3A05.png https://lh6.googleusercontent.com/-Af6irtzwdWM/T4c8qGluuvI/AAAAAAAAaf8/UV7HQErDPVo/s400/Screenshot%20at%202012-04-12%2016%3A33%3A42.png

Discussion

I think there are basically two ways this can break down: Show or Tell. Show can be done indirectly or directly, by live demonstration or by "video".

Some things the user may want to do or know how to do:

• Launching applications
• Switch tasks
• Using Workspaces
• Use the system search
• Link to online services
• Responding to messages
• Change the Wallpaper
• Change the time / date / timezone
• Browse the web
• Install software
• Chat with friends
• Play music
• Import/upload photos
• Printing

Each video will also include a textual version of the documented procedure below the embedded video.

Some questions that a new user might wonder about at 'first contact' with GNOME 3:

• Where are my apps ?
• How do I launch a web browser ?
• Which apps are currently running (Alt-Tab, workspaces) ?
• Where's the menu in this thing (after launching gcalctool, before discovering the app menu) ?
• Am I online (learn to read the status icons) ?
• I just set up my google account - where's my mail (when coming in via gnome-initial-setup) ?

Tentative Design

Getting started is a special page in the system help. It is accessible from the desktop help home page, and is automatically opened if the user selects "Take a tour" from Initial Setup.

https://raw.github.com/gnome-design-team/gnome-mockups/master/getting started/getting-started-in-yelp-landing.png

https://raw.github.com/gnome-design-team/gnome-mockups/master/getting started/getting-started-in-yelp-webbrowser.png

Intro Video

Before yelp opens with the getting started page as a first thing after clicking "Take a Tour" at the end of the Initial Setup, a brief video is played back. This video introduces one of the ways to launch applications (using a keyboard), specifically the help/yelp itself. The Getting Started page will actually include instructions on how to launch applications using other input methods as well.

http://jimmac.fedorapeople.org/gnome3/getting-started/gnome-de_DE-yelp-intro0001-0535.webm

Embedded Videos

Some key tasks will be demonstrated with a short animation played back embedded inside the yelp page. While the amount of text will be minimal, there will be a limited number of translated versions of the videos, falling back to English for most.

http://jimmac.fedorapeople.org/gnome3/getting-started/gnome-en_US-launching-apps-0001-0718.webm

Comments

See Also

• Getting Started with Ubuntu: http://ubuntuone.com/4kob9metCDFACB10PTVezt

• System Install

• Initial Setup

• http://www.ubuntu.com/tour/en/

• http://www.apple.com/findouthow/mac/

• http://www.youtube.com/watch?v=j-MENc8OyBM

• http://theindustry.cc/2012/08/07/dropboxs-onboarding-brilliance/

• "UNIX for beginners", Brian W. Kernighan (1974)