View source

{| align="center" class="cwg-chapter-nav" cellpadding="0" cellspacing="0"
|- 
! [[Dive Deeper into Wave|&larr; Chapter 5: Dive Deeper into Wave]] !! Chapter 6: Master Wave's Interface !! [[Wave Gadgets| Chapter 7: Wave Gadgets &rarr;]]
|}

''Once you know how to use Wave, this chapter offers advanced techniques for navigating its interface like an expert.''

If you've gotten this far, you're ready to go beyond Google Wave's default layout and its point-and-click buttons and menus. In this chapter, you'll train your fingers to use keyboard shortcuts to get the most common Wave tasks done without the inefficiencies of the mouse. You'll customize the Wave client layout to optimize it for your netbook as well as your widescreen monitor. Finally, you'll get intimate with Wave's interface, which is packed with visual cues and hooks into its different features. 

Competent Wave users, it's time to graduate to a Wave black belt.

==Get to Know Wave's Keyboard Shortcuts==

The fastest way to use any software is straight from the keyboard, eliminating as many time-wasting reaches for the mouse as possible. Like Gmail and Google Reader, Wave comes with a host of keyboard shortcuts for navigating and editing waves as well as controlling in-wave image slide shows.<ref>[http://www.google.com/support/wave/bin/answer.py?hl=en&answer=162330 Google Wave Help: What are the keyboard shortcuts?], Google.com</ref>

===Navigation Shortcuts===

Move around in a wave and scroll any panel using the following keyboard shortcuts. Mac users: substitute Cmd for the Ctrl key.

{| class="cwg-table" border="0" cellpadding="0" cellspacing="0" align="center"
! Shortcut Key !! Action
|-
|Up/Down Arrows
|Moves you up and down the blips in a wave.
|-
|-
|Home
|Takes you to the first blip in a wave.
|-
|End
| Takes you to the last blip in a wave.
|-
| Space
| Takes you to the next unread blip in a wave.
|- 
| Ctrl+Space
| Marks all blips as read when focus is on the Wave panel.
|-
| Page Up/Page Down
| Scrolls a panel up and down a page at a time.
|}

===Wave Editing Shortcuts===

Edit and reply to blips with these keyboard shortcuts. Mac users: substitute Cmd for the Ctrl key.

{| class="cwg-table" border="0" cellpadding="3" cellspacing="0" align="center"
! Shortcut Key !! Action
|- 
| Enter
| Replies to a blip at the same level of indentation.
|-
| Shift+Enter 
(view mode)
| Replies to a blip at the end of a wave. The new blip appears at the same indentation level, at the very end of the wave.
|- 
| Ctrl+E
| Edits a blip.
|-
| Shift+Enter 
(edit mode)
| Ends your blip editing session (same as the Done button).
|-
| Ctrl+Enter
(edit mode)
| Reply inline where your cursor is.
|-
| Ctrl+Z
| Undo your last edit.
|-
| Ctrl+Y
| Redo your last edit.
|- 
| Ctrl+B
| Bolds/unbolds selected text.
|-
| Ctrl+I	
| Italicizes/unitalicizes selected text.
|- 
| Ctrl+U
| Underlines/removes underline from selected text.
|- 
| Ctrl+K
| Adds a link.
|-
| Ctrl+[''n'']
| Makes the current line a heading, where [''n''] = 1 through 4 for different heading levels.
|- 
| Ctrl+5
| Adds bullets.
|-
| Ctrl+6
| Removes formatting from text.
|- 
| Ctrl+7
| Left-aligns text written in left-to-right languages.
|-
| Ctrl+8 
| Right-aligns text written in right-to-left languages. Note that this is not the same as choosing the right alignment button from the wave's toolbar; it is for right-to-left languages like Hebrew or Arabic.
|}

===Image Slide Show Navigation Shortcuts===

When you're viewing a wave that contains multiple images, from the Images menu at the bottom of the wave, select View as slide show. (Sadly there's no keyboard shortcut to launch a slide show&mdash;yet.)

Once you're in the slide show, navigate the photos using these keyboard shortcuts.

{| class="cwg-table" border="0" cellpadding="0" cellspacing="0" align="center"
! Shortcut Key !! Action
|- 
| Right Arrow
| Moves to the next slide.
|-
| Left Arrow
| Moves to the previous slide.
|- 
| Home 
| Moves to the first slide.
|-
| End 
| Moves to the last slide.
|-
| Esc
| Ends slide show mode and returns to the wave.
|}

===Start Small with the Most Useful Shortcuts===

A compiled list of keyboard shortcuts like the ones in the previous sections can be overwhelming to the point of confusion. As with learning keyboard shortcuts for any program, start small with the ones that perform the most common actions and are easy to remember, such as Enter to reply to a selected blip, and Shift+Enter to finish editing your current blip. Ctrl+I, Ctrl+U, and Ctrl+B (to italicize, bold, and underline text) all work the same way they do in your word processor. Ctrl+E is easy to remember because it lets you <u>E</u>dit a selected wave.

Once you've got the basic, easy-to-remember shortcuts down, move onto a few more and repeat.

==Wave Interface Conventions==

Not only is Wave audacious in its attempt to reinvent email, it also takes some bold bets with new interface controls and visual cues that are unconventional and therefore unintuitive to new users. In this section, you'll learn how to recognize the ways Wave denotes things such as blip states, wave status, tags, and folders. Then, you'll notice the Wave buttons and menus that are tucked away in less-than-obvious places. Here are a few visual cues and interface conventions worth pointing out as you get more comfortable in Wave.

===The Non-Standard Wave Scrollbar=== 

[[File:Fg0602-scrollbar.png|300px|thumb|right|Figure 6-1. Unlike the scrollbar in your web browser, Wave's scrollbar is the same height no matter how long the list it's scrolling, which keeps the up and down arrows always the same short distance away.]] The scrollbar on the right side of Wave's panels works a bit differently than the scrollbar in your web browser. Like most scrollbars, you can drag it up and down to scroll, or click its up and down arrows to move it. Unlike most scrollbars, the Wave scrollbar's height doesn't change. It's always the same, small size, which puts its up and down arrows in close proximity to one another, as shown in Figure 6-1. 

Google's intention is to benefit people accessing Wave on mobile devices or netbooks with a limited mousing area, but it has thrown off some preview users.<ref>[http://www.flickr.com/photos/yaili/3990023684/ Yaili's Flickr Photostream: Google Wave scrollbar], Flickr.com</ref> Google explains "the deal" with the scrollbar in Wave's Help section:<ref>[http://www.google.com/support/wave/bin/answer.py?hl=en&answer=162103 Google Wave Help: What's the deal with the scrollbar?], Google.com</ref> <blockquote>You might find that the scrollbar in Google Wave behaves a little differently from scrollbars in other Google products. To use it, you can drag the bar or you can use the arrows on either end of it&mdash;clicking the arrows without moving your mouse allows you to very quickly scroll up and down the page.</blockquote> Even at this early stage, at least one developer has created a Google Chrome extension that reverts Wave's custom scrollbars to Chrome's native scrollbars.<ref>[http://www.uniformedopinion.com/google-wave-native-scrollbars-extension Google Wave Native Scrollbars Extension], UniformedOpinion.com</ref><br clear="all">

===Green Bars, Outlines, and Dots=== 

Green is a very important color in Wave&mdash;it indicates activity, online status, unread, and selected blips. The green dot on a contact icon means that person is online. When you select a blip, it gets a dark green border around it (and you can perform actions on it with keyboard shortcuts). A lighter green vertical line in a blip's left margin means it's unread. (Press the spacebar or click to select the next unread blip in a wave, and watch its green vertical line fade.) A flashing green bar at the top of your Wave client alerts you to an incoming ping, or a change to a minimized wave. The number of unread blips in a wave are highlighted in green when that wave is listed in the Search panel.

===The Wave Timestamp Drop-down Menu=== 

[[File:Fg0602-ellipses.png|300px|thumb|right|Figure 6-2. When there's not enough horizontal room to display all toolbar buttons, Wave collapses hidden items into a drop-down menu available from the ... (ellipses) button.]]In the upper-right corner of every blip, Wave displays the date or time of that blip with a small down arrow next to it. This is the timestamp drop-down menu. Click the arrow to reveal all the things you can (and can't yet) do with a wave, from Edit this message, Reply to this message, Private reply, Hide all replies (disabled as of writing), Copy to new wave, and Delete. The Delete item is disabled for the parent wave&mdash;that is, the first blip in the wave. Every other blip can be deleted using this item.

The disabled Hide all replies item suggests that toggling every inline blip to expanded and collapsed view in one shot will be available at some point. Right now you can click the +/- (plus/minus) speech bubble at the top of any inline blip to hide or show it.

===The ... (Ellipses) Toolbar Button===

Wave's toolbars are packed with buttons that take up some width, and with three panels across, smaller screens and narrow windows can cut buttons off. That's when Wave collapses the displaced buttons into a drop-down menu you can access from the ... (ellipses) button, on the far right of the toolbar, as shown in Figure 6-2. 

Similarly, Wave collapses a long list of wave participants into an expandable + (plus) button with a label that reads something like "1 more," as shown in Figure 6-2. To see the full list of participants on the wave, click the small + (plus) sign to expand it.

===Panel Manipulation Buttons and the "Window Shade" Pulldown===

Wave provides panel manipulation buttons in the upper right corner of an open wave's blue top bar, as shown in Figure 6-2. From left to right: the Minimize button shrinks a wave and docks it at the top of your Wave client, next to the Google Wave logo. The Maximize button minimizes all the panels except the open wave, filling the entire screen with it. The Close button (which looks like an X) closes the wave.

The Navigation, Contacts, and Search panels have only the Minimize button available&mdash;not Maximize or Close. When you minimize one of those panels, they dock at the top of your Wave client, in the space next to the Google Wave logo.

When a minimized panel or wave is docked at the top of the screen, a small down arrow gives you a "window shade" pull-down view that slides down over whatever appears in the main area of the screen. Click it to access what's in that list without rearranging your current workspace. In Figure 6-3, the Search panel is minimized to give the open wave more room for viewing and editing. But when you click the down arrow on the docked Search panel, it pulls down over the wave's contents.

[[File:Fg0603-windowshade.png|600px|thumb|center|Figure 6-3. Use the down arrow button to pull down minimized panels window-shade style.]]

You can also expand and contract the width of any Wave panel. Hover your cursor along the edge of any panel, and your pointer changes to indicate that you can click and pull that panel wider or narrower. This same technique works between stacked panels, like Navigation and Contacts: you can make Contacts taller while making Navigation shorter, by clicking and dragging the Contacts panel's top edge.

==Customize the Wave Interface==

Now that you know how to minimize Wave panels, if you prefer a certain Wave layout, you can bookmark a Wave URL that restores that layout automatically when you visit Wave. You can also  customize the order, size, and layout of the Wave client's links and panels. Finally, you can open multiple waves at once to multi-task on a big screen.

===Bookmark Your Preferred Wave Layout===

Netbook owners or those who keep Wave open in a small window appreciate the ability to minimize unneeded Wave panels and maximize the reading or writing area on the wave they're currently working on. To load Wave with certain modules minimized by default, you can use a Wave URL that contains the <code>#minimized</code> parameter. For example, 

<code>https://wave.google.com/wave/#minimized:nav,minimized:contact</code> 

launches Wave with the Navigation and Contacts panels minimized. The 

<code>https://wave.google.com/wave/#minimized:nav,minimized:contact,minimized:search</code> 

URL minimizes the Navigation, Contacts, and Search panels, as shown in Figure 6-5.

While you're looking at Wave URLs, the observant will notice that every individual wave has an ID that appears in your browser's address bar when you click the wave. This means you can bookmark or IM a link to a wave to anyone who can see it. (That is, you can share a link to a public wave to anyone with a Wave account; but sending a wave's link to someone not participating in it generates a message saying they don't have access to it.)

===Reorder and Color Navigation Panel Links===

[[File:Fg0604-reordercolornav.png|300px|thumb|right|Figure 6-4. Select a link on the Navigation panel and click the down arrow to move the item up and down the list, or to assign a color to it.]]
From the Inbox down to the Trash, every link in Wave's Navigation panel is configurable. You can assign it a custom color or move it up or down the list. The default links are Inbox, All, By Me, Requests, Spam, Settings, and Trash. Each is a system-generated link to a specific search, for example, Inbox runs an <code>in:inbox</code> search, By Me runs a <code>by:me</code> search, and so on. (Only the All link doesn't display search results for waves: it shows you every wave you have access to, unfiltered.)

To rearrange the links, or to assign an individual link a custom color, click the link to select it (it turns green), then click the down arrow that appears on the right. A drop-down menu appears that lets you move the link up or down the list, or set a color, as shown in Figure 6-4.

{{Callout box|width=30align=right
 | title = Tip:
 | content = The Searches and Folders drop-down menus have additional items. See Chapter 4, [[Find and Organize Waves]], for information on folders and searches.
}}
<br clear="all" />

===Open Multiple Waves===

To open multiple waves, Ctrl+Click the waves you want in the Search panel. Mac users, use Cmd+Click for the same effect. If the Search and/or Navigation and Contacts panels are open, Wave stacks the clicked waves on top of one another in the right column. 

However, if the other panels are minimized as shown in Figure 6-5, Wave maximizes the first wave you open across both columns. Then, when you Ctrl+Click or Cmd+Click to open more waves, Wave pushes the first wave you opened into the right column, and stacks the rest on the left as shown. 

[[File:Fg0605-multiplewaves.png|600px|thumb|center|Figure 6-5. Windows users can Ctrl+Click to open multiple waves. Mac users can Cmd+Click to open multiple waves.]]

==What Does THAT Do?==

The preview release of Wave is still in an unfinished state, so a few items in its interface act as placeholders for functionality that's either on its way or not needed yet.

===Navigation Panel: Requests===

The Requests link on the Navigation Panel will list "Waves from users not in your contact list." Right now, waves from everyone appear in your Inbox. But once Requests is working, presumably waves from people you haven't whitelisted by putting them in your Contacts won't go in your Inbox, they'll go in Requests. Perhaps this is one way that Wave will head off potential problems with Wave spam.

===Navigation Panel: Settings===

The Settings link on the Navigation panel lists system settings waves. Right now one of those waves is "Under Construction," but another is available and working. As discussed in the next [[Wave Gadgets|chapter]], the Extension Settings wave under Settings is where you can view and uninstall Wave gadgets.

===Navigation Panel: Spam===

One of the big problems with email that Wave wants to solve&mdash;or avoid as much as possible&mdash;is spam. Still, Wave includes a Spam! button on the Search panel and wave toolbar that lets you mark waves as spam. When you do, that wave moves from your Inbox to the <code>in:spam</code> search results listing that you can see when you click the Spam link in the Navigation panel.

Now that you're a verifiable Wave expert, see how Wave extensions in the form of [[Wave Gadgets|gadgets]] and [[Wave Bots|bots]] let you do more in Wave.

==References==
<references/>


{| align="center" class="cwg-chapter-nav" cellpadding="0" cellspacing="0"
|- 
! [[Dive Deeper into Wave|&larr; Chapter 5: Dive Deeper into Wave]] !! Chapter 6: Master Wave's Interface !! [[Wave Gadgets| Chapter 7: Wave Gadgets &rarr;]]
|}