Brett Peach - UX, Web and Presentation Design

Brett PeachA Collection of

Consumer Electronics Interfaces

Web Content Graphics

Banner Advertisements

Sales Presentations

Promotional Posters

A Collection of

t.”

I trust that you’ll recognize the flexibility of my design, as these pieces span a variety of audiences and technologies. This portfolio contains projects from my 2006 - 2008 tenure with Clear Channel Radio and 2009 - 2011 employment with VTech Telecommunications. Clear Channel originally hired me to design sales presentations and collateral media, comprising the bulk of this collection, but I soon expanded into banner advertisements, web content and usability. Combing my interests in user experience and audio production propelled me to join VTech Telecommunications as a Human Factors Specialist, designing their software interfaces for consumer electronics and guiding acoustic performance. Let this collection serve as a starting point for future conversations about your UX objectives and their role in your unique branding fingerprint.

Enjoy!-

“


Web Content Graphics


Sales Presentation Cover Sheets

Promotional Posters

Résumé

369

101821

........................................................................

........................................................................

..............................................................

...........................................................

..........................................................................

..........................................................................................

2-line PSTN architecture with seperate answering system mailboxes per lineBluetooth capability allows cellular phones to be connected as a seperate lineThree types of headsets available for connection: Bluetooth, corded, or AT&T DECT 6.0Base [REC] key allows easy access to record outgoing messages for each mailboxEach mailbox has ‘day’ and ‘night’ outgoing messages that can be scheduled for business hoursStores up to 6,050 directory entries, downloadable through Cellular Bluetooth connectionStores up to 200 Caller ID log entries, with Line 1, Line 2 and Cellular designationStores 20 redial entries per base or handsetConference multiple lines or transfer call to other handsets, headsets, or baseEqualizer settings allow users to match the audio response to their hearing preferencesIntercom between any handset or baseExpandable to 12 handsets (including two AT&T DECT 6.0 headsets)Backlit, tilting LCD screen on base and LED indicators for Bluetooth connectionsBase corded phone works during a power outageDECT 6.0 radio frequency standard for security and audio quality

•••••••••••••••

All Cellular line, Bluetooth headset, and directory download functions are connection dependentOnly one Bluetooth device can be used at a time, although multiple devices can be simultaneously paired and connected. Careful error handling was added for all connection interruptions, and calls could be sent back to the original cellular phone on command.

Base audio can be routed through corded handset, speakerphone and Bluetooth headsetThese audio sources are not tied to any line, but should be responsive when activated from the idle state, prior to line selection. A user setting was created to handle this hierarchy, especially as the [HEADSET] key could not automatically select the Cellular line, due to Bluetooth limitations. A similar setting was used for handset speakerphone and headset.

Cellular and multiline analog phone systems have different call waiting protocols and capabilitiesAnalog phone systems use a ‘flash’ electrical interruption to trigger subscribed services. However, celluar networks use a digital swap command to answer a call waiting. With the potential for conference calls to span networks, softkey labels needed to reflect an intelligent detection of an incoming call waiting -- and when subscriptions allowed, which key to press.

The abundance of features create a stronger dependence of idle alert/status messages User studies showed that our previous systems did not adequately communicate how to clear alert messages to most users. This product was the first to include a menu item that allowed users to selectively clear the alert messages that they no longer wished to view.

•

•

•

•

Software Interface Design ChallengesProduct Sales

Notable Product Features

Over 44,000 units sold at Best Buy, Office Depot, OfficeMax and Staples

PAGE

�Consumer Electronics Interfaces

AT&T TL86109 Corded-Cordless 2-Line Telephone with Bluetooth Connectivity

2-line PSTN architecture with seperate answering system mailboxes per lineBase [REC] key allows easy access to record outgoing messages for each mailboxStores up to 50 Caller ID log entries, with Line 1 and Line 2 designationStores up to 50 directory entries, shared across entire systemStores 10 redial entries per base or handsetConference both lines or transfer call to other handsets or baseIntercom between any handset or baseExpandable to 12 handsetsCorded headset jack on handsets (Generation 2)Backlit, tilting LCD screen on baseSoftkey architecture on handset and baseMultilingual text and audio prompt optionsDECT 6.0 radio frequency standard for security and audio quality

•••••••••••••

Different LCD resolutions for handset and base created differing text and cursor options.The base could accomodate 4 rows of 17-character text, while the handset accomodated 5 rows of 15-character text. I used 15-character labels for shared functions between base and handset, and relied more heavily on LED cues on the base, rather than reserve text rows for messages or icons.

For cost reduction, the handset Line 1 and Line 2 keys could not be backlit.To ensure that users understood which handset keys could answer an incoming call or a place a new call, I included heavy use of icons, text messages, and hierarchies built into the key programming.

No associated line for the handset [SPEAKERPHONE] key, typically used for toggling speakerphone modeA new hierarchy was developed for the key to select the first available line or answer an incoming call.

No [INTERCOM] and [REDIAL/PAUSE] keys on the base, due to I/O constraintsThe intercom function was inserted into the main menu according its priority amongst other menu tasks. Redial and pause were placed as base softkey functions, requiring critical softkey planning to mirror the handset interface as much as possible.

For cost reduction, the handset borrowed tooling from a previous 1-Line model.The first generation DS6151 reused a previous product’s mechanical housing, putting rocker keys under unrelated functions. User trials revealed that the rocker keys were often “mashed” together, resulting in unpredictable behavior. New mechanical handling was added, and keys were retooled for seperation.

•

•

•

•

•

Software Interface Design Challenges

Product Sales

Notable Product Features

Over 26,000 total units sold at Best Buy, OfficeMax and Staples

PAGE

4Consumer Electronics Interfaces

VTech DS6151 2-Line Telephone with Dial-in Base


Task Flows for Telephone Products

MMI Version 2.0 2010-09-22 Page: 210

7.3.11 HS: Make a speed dial call from Idle

Task Specific Information

If the user presses-and-holds a numeric key that is unassigned for speed dial and the directory has any stored entries, the Speed Dial Editor will appear, with the selector in the top row position at the numeric value that was pressed. o When in the Speed Dial Editor, pressing [TALK] or

[SPEAKER] when currently selecting an ‘unassigned’ slot will go off-hook with an empty dial buffer.

When a speed dial entry is recalled, it will appear on screen for 1 second before dialing out automatically using the earpiece delivery. o A user may dial out within the 1 second window

by pressing -DIAL-, [TALK] or [SPEAKER], and will go off-hook using the respective delivery means.

o A user may cancel a speed dial command within the 1 second window by pressing [OFF/CANCEL].

When assigning a directory entry to the speed dial, a “Loading directory…” notification message will appear for one second to notify users that they are being directed to the directory. The user can exit this process by using the [OFF/CANCEL] key.

Error Handling

The Directory cannot be accessed when: o The directory is empty. The LCD will display:

“Directory empty.” o Another handset is accessing the directory. The

LCD will display: “Directory unavailable. Currently in use by another handset.

Processes and Audio

All errors o Notification tone.

After assigning a directory entry to a speed dial slot o Confirmation tone.

Add New Directory Entry Process o Chapter 7.2.1

Edit Directory Entry Process o Chapter 7.2.2

11/22 12:41PMREDIAL

ANS ON

Kitchen

MENU

Directory empty?

Press-and-hold [NUMBER](ex. [4] )

No

Speed dial keyunassigned? No

Yes Directory empty

ADD NEW

ANS ON

OK

Add newdirectory entry

process

-ADD NEW-

-OK- or:02 Timeout

Yes Recall storedspeed dial entry

No2] Unassigned1] Unassigned

ANS ON

SPEED DIAL

ASSIGN

-DIAL- or :01 Timeout

Marcus Weathers

HOLD

ANS ON

Phone 0:00:01

OPTIONS

Directory...

ANS ON

Loading

:01 Timeout

425-766-9201( Work )

ANS ON

Marcus Weathers

DIAL

206-789-8856( Home )

EDIT

ANS ON

Abby Gunderson

ASSIGN

206-733-4804( Cell )

EDIT

ANS ON

Alan Hanson

ASSIGN

-ASSIGN-

[▲] or [▼]

2] Unassigned1] Abby Gunder…

ANS ON

SPEED DIAL

ASSIGNEDIT

-ASSIGN-

Assign to speed dialslot

-ASSIGN-

EditDirectory Entry

Process

-EDIT-

-EDIT-

Dial out

Abby Gunderson

HOLD

ANS ON

Phone 0:00:01

OPTIONS

System directorybusy?

No

other handset.Dir in use by

ANS ON

Unavailable.

OK

Yes-OK- or:02 Timeout

Dial out

[TALK]

At VTech, a sizeable portion of our Man-Machine Interface (MMI) documentation included step-by-step task flows to show the operations necessary to perform a given task. These tasks flows would also demonstrate any of the following events that may be related to the operation:

keypress inputstext display messagesshortkey labeling (optional)error handling LED activityicon presentationsaudio signalingsystem or message timeouts available shortcuts and processing architectures.

Most MMI documents contained over 150 pages of these task flows, depending upon the complexity of the product. These documents were built to withstand a considerable amount of change, given the amount of budgetary, legal, schedule, and technical obstacles that would surface between drafts. The diagrams for each task flow page were constructed in Microsoft Visio and imported into the final MMI documentation using Microsoft Word, employing OLE live links for automatic synchronization between the two applications. Within Visio, the flows were easily updatable by creating a library of master shapes, with instances automatically populating throughout the document upon any changes to the master.

Due to proprietary issues, the sample page shown on the left is a recreation of a task flow page using a fictional product and theoretical system architecture. This illustration only exists to provide a reasonable demonstration as to what these task flows and MMI documentation looked like.

••••••••••

On-Air Rotators Feature Flickers

Rotating Dynamic Leads

All Clear Channel websites are a blend of local and nationally populated content. All websites

are required to adopt a corporate-approved template to promote brand consistency and

advertisement trafficking. However, all local aesthetic and content decisions were the

responsibility of the Digital Program Director, Station Program Director and myself.

PAGE

6Web Content Graphics

950kjr.com(2007)

On-Air Rotators

PAGE


foxsports850.com(2008)

KFNK Dynamic Leads

KUBE Dynamic Lead

KJR-FM Flickers

KJR-AM Dynamic Leads

PAGE


Additional Web Promotions

�Sales Presentation Cover Sheets


Posters

Posters

This document contains many tables. If you prefer a text-only version of this résumé, please contact me at [email protected].

Brett S. Peach 504 N. 160

th St. (206) 954-4668

Shoreline, WA 98133 [email protected]

Relevant

Employment

Human Factors Specialist VTech Telecommunications, Ltd. | Hong Kong S.A.R., China and Seattle, WA, USA 1/2009 – 12/2011

Designed intuitive user interfaces for the world’s best-selling manufacturer of residential, hotel, and small

business telephone systems. Drove campaigns to improve interface consistency across products, pioneer

new features, reduce liabilities, match competitor benchmarks, and expand product lines. Worked abroad

at the Hong Kong office for 2.5 years, and for a half year as a consultant in the United States.

Advised industrial design teams on navigation controls and key layouts.

Crafted over a thousand pages of design documentation and logic diagrams to guide software

development, technical writing, and customer service teams.

▫ Notable projects include the AT&T TL86109, VTech DS6151, and VTech Hotel series.

▫ Advocated new guidelines on LED usage, based on neurological sensitivities.

▫ Proposed and implemented industry-leading proprietary phonebook features.

Analyzed data from call centers, online comments, and user trials to reveal strategic insights for

feature enhancements, cost-cutting opportunities, and design improvements.

▫ Identified fixes to known problems, reducing call rates by as much as 8% after

implementation.

▫ Instructed a multinational corporation about American value-minded consumer

expectations and sales environments.

▫ Conducted international customer support for advanced case studies.

Provided recommendations for third party text-to-speech and audio enhancement suppliers.

Subjectively tested audio and tactile performance of cordless, corded, and Bluetooth-enabled phone

systems in a laboratory environment.

Web and Sales Assistant Clear Channel Communications, Inc. | Seattle, WA 3/2006 – 1/2009

Designed sales presentations, web promotions and collateral graphics for the sales and promotions teams

of six image-conscious radio stations. Trafficked online advertising and search engine keyword inventories

for websites. Crafted presentation templates for local and national clients, and corporate events.

Created customized web pages, banner ads, vector logos and promotional artwork for websites.

Handled professional printing orders for promotional materials and oversized banners.

Wrote copy for daily on-air liners and sales-related web promotions.

Streamlined and automated electronic library materials by crafting custom Microsoft Excel macros.

Education Bachelor of Sciences in Psychology

Washington State University (5/2004)

Bachelor of Arts in Communications

Washington State University (5/2004)

3.44 GPA. Honors College accredited.

Relevant coursework: Consumer Behavior, Qualitative

Research, Survey Design, Quantitative Methodology

and Design, Sensory and Perception Psychology,

Motivation Psychology, and Psychophysiology.

Undergraduate Research Associate and Laboratory Technician WSU Laboratory for Communication, Emotion and Cognition | Pullman, WA 8/2002 – 5/2004

Aided in experimental design, stimuli production, physiological data gathering and statistical analysis.

Academic focus on binaural audio imagery and broadcast media cognition. One manuscript presented in

conference and one manuscript submitted towards honors thesis accreditation.

Recording Studio Student Engineer WSU School of Music | Pullman, WA 9/2003 – 5/2004

Assisted in tracking, mixing, and producing multiple music genres and broadcast. Trained in Digidesign

ProTools HD, 5.1 and stereo mixing, psychoacoustics, and professional recording techniques. Specialized

in broadcast production, vocal microphone selection, and reverb programming.

Samples and

References

Click the following hyperlinked text to view my multimedia design portfolio as PDF slide show.

A list of reference contacts is available, with public comments posted at www.linkedin.com/in/brettpeach.

http://www.behance.net/gallery/Consumer-Electronics-UX-Web-and-Presentation-Design/4087281

http://www.linkedin.com/in/brettpeach

This document contains many tables. If you prefer a text-only version of this résumé, please contact me at [email protected].

Software Proficiency

Software Program Version Skill Level Beginner (1) - Expert (7)

Adobe Photoshop 7.0, CS, CS2, CS3 Extended 5

Adobe Fireworks CS3 4

Adobe Illustrator CS, CS2, CS3 4

Adobe InDesign CS2 3

Adobe Dreamweaver CS3 3

Adobe Flash CS3 Professional 3

Adobe Acrobat 8 Professional 4

Adobe Audition 1.0 – 2.0 4

Digidesign ProTools HD 6 4

Steinberg Cubase SL 2.01 3

Microsoft Visio 2007 Professional 5

Microsoft Word 6.0 – 2010 6

Microsoft Excel 6.0 – 2010 4

Microsoft PowerPoint 95 – 2010 6

Microsoft Outlook 95 – 2010 6

Microsoft Publisher 93 – 2010 5

Microsoft Access 2001, 2010 2

SPSS 13.0 3 4

Related Reading / Professional Development

Title Author(s)

Emotional Design Donald A. Norman

Designing with the Mind in Mind:

A Simple Guide to Understanding User Interface Design Rules Jeff Johnson

Homepage Usability: 50 Websites Deconstructed Jakob Nielsen & Marie Tahir

Designing Web Usability Jakob Nielsen

Rocket Surgery Made Easy:

The Do-It-Yourself Guide to Finding and Fixing Usability Problems Steve Krug

Don’t Make Me Think!: A Common Sense Approach to Web Usability Steve Krug

The Inmates Are Running the Asylum:

Why High Tech Products Drive Us Crazy and How To Restore the Sanity Alan Cooper

Information Architecture for the World Wide Web Louis Rosenfeld & Peter Morville

The Visual Display of Quantitative Information Edward Tufte

Beautiful Evidence Edward Tufte

How Customers Think: Essential Insights into the Mind of the Market Gerald Zaltman

Disruption: Overturning Conventions and Shaking Up the Marketplace Jean-Marie Dru

Why We Buy: The Science of Shopping Paco Underhill

From Archetype to Zeitgeist: Powerful Ideas for Powerful Thinking Herbert Kohl

Brain Rules:

12 Principles for Surviving and Thriving at Work, Home, and School John Medina

Brett Peach - UX, Web and Presentation Design

Documents

Transcript of Brett Peach - UX, Web and Presentation Design