Annotations

layers_annotations_artboardsIn the new Adobe Creative Suite CQ6 there are a lot of new features that can used for wireframes. My favorite is the ability to have multiple artboards for different screens. Once I’ve created the template, it’s very easy to duplicate that template onto other artboards. The best part – exporting as PDF and including certain screens (artboards)! All very high quality and annotations included.

Here is an example of my annotations, workspace and how I organize my layers and artboards so that other designers can jump-in and collaborate easily.

 

Balsamiq sketches

megamenu_in_BaslamiqI have done many of my preliminary sketching in Balsamiq since it has quick turn around time. I’ve also used the XML outputs to create prototypes. However, Balsamiq outputs very low quality levels of PDFs and is not my first choice for final presentation wireframes in showing to internal teams, and especially to external clients/business end-users or customers.

Here is an example of a mega menu, designed for Adobe CQ6 framework using Limelight to deliver videos per mobile device.

Roadmap of User Experience, from branding to product design

● Jump started the start-up in overall user experience, branding, and roadmap
● Responsive design with the most up-to-date usability recommendations
● Designed charts based on D3, JavaScript and Rickshaw libraries

http://www.quadanalytix.com

Requests for wireframes

I believe in content-first wireframing. My wireframes tend to be well fleshed out, or whiteboard/napkin sketches and hardly anything in between (unless specifically requested). At the same time, I think of dynamically changing content and like to include multiple samples of what the product would look like as the content changes.

My process is:

  1. Whiteboard discussion of content and workflow (workflow diagrams and business priorities)
  2. Sketches and whiteboard wireframes (design and personas)
  3. Feedback on whiteboard wireframes (can be done via photos, or powerpoint)
  4. Content samples (even current/old content helps!)
  5. Wireframes with content

This is a wireframe that I worked on:

These are workflows I’ve created:

Visio_Sharepoint

These are two samples of whiteboards that we created (as a team):

Whiteboard

Sr User Experience Consultant CareFirst Mobile App

User Experience Manager at Cognizant International July 2012 – August 2012

● Designed user experience from start to finish using wireframes, work-flows and usability studies
● Managed offshore team daily, located in India for development and graphic deliverables
● Provided User Experience consulting on functionality, usability, accessibility and work-flow
● Product Management and client-facing negotiations during workflow and design process
● Coordinating planning stage with Business, Marketing, Branding and IT Departments
● HTML, Mobile App and GUI programming tools utilized for all parts of the project
● Assisted in providing functional requirements to developers

F5 Networks – Website with Mobile Optimization

Consultant for Quality Design and Management at F5 Networks May 2012 – July 2012

●    Operating test scripts, and test plans on both Mac and PC operating systems
●    Interact with clients to learn and document requirements used to produce various requirement documents and project scheduling
●    Connections to other social media including Facebook, LinkedIn and Twitter
●    Designed transition from Developer Central and incorporated the social aspects into corporate site
●    Website is client-facing, meaning the company sells to business managers at other companies
●    Java, JavaScript, and HTML programming tools utilized for all parts of the project
●    Wrote and implemented full test plans, running automation and reporting manual test results
●    Developed Sharepoint 2010 CMS with automation, workflows and database organizing the team
●    Managed project-wide quality following PMO requirements
●    Tracking and following up on multiple issues in a fast moving Agile environment
●    Provide design suggestions, fixing bugs and provide quick QA feedback on all changes
●    Manage quality end-to-end from wireframes and functional documents to test reports
●    Wrote systems analysis documents including risks and functional requirements from clients
●    Assisted in providing functional requirements to developers
●    Implemented time-lines for highest level of quality while identifying risks

POP Agency – Remote QA

Quality Designer and Tester – On-call and remotely working for POPAgency May 2012 – July 2012

●    Tested on Virtual PC for testing multiple versions of IE, Firefox and Safari
●    Worked on Xbox E3, Target.com, and Lettuce Entertain You (leye.com)
●    Web testing using JIRA and VPN including JIRA entries for Features and Bugs
●    Tracking and following up on multiple issues in a fast moving Agile environment
●    Provide design suggestions and provide quick QA feedback on multiple projects simultaneously
●    Working on-call and remotely using Skype and JIRA for communication

Amazon.com Mobile Ad Network

User Experience and Quality Design with Mobile Applications at Amazon Sep 2011 – April 2012

●    Subsidiaries include IMDb, Amazon, Pandora, Audible, Kindle, Diapers.com, Soap.com, Alexa, A9.com and  Zappos.
●    Connections with social media through IMDb and Pandora to Facebook, Twitter and others
●    Assisted in providing functional requirements to developers
●    Java, JavaScript, and HTML programming tools utilized for all parts of the project
●    Coordinating and reviewing ads across multiple platforms and browsers
●    Wrote and implemented full test plans, running automation and reporting manual test results
●    QA Engineer for the Amazon Mobile Ad Network, Amazon.com. IMDb and Audible
●    Ran automation scripts using Selenium and Monkeyrunner
●    Create automation scripts using Sikuli and Selenium IDE plugin on Firefox using Python
●    Developed Sharepoint 2010 CMS with automation, workflows and database organizing the team
●    Sharepoint 2010 has built in cross collaboration tools for multiple teams inputting data
●    Developed fully automated test suite with QA reports for exporting
●    Use IntelliJ IDE, Sharepoint 2010, and sometimes Eclipse IDE
●    Extensive mobile testing experience for mobile app and web browsers.
●    Testing on mobile devices such as Kindle, Android and iPhone
●    Created HTML5 ads for testing, and the majority of ads were HTML5 or Flash
●    iPhone and iPad apps using xCode with iOS 5.0 with simulators running 4.2, 4.3 and 5.0 versions
●    Utilized both Mac and Windows OS for testing multiple versions of IE, Firefox and Safari
●    Tracking and following up on multiple issues in a fast moving environment
●    Provide design suggestions, fixing bugs and provide quick QA feedback on all changes
●    Working with tight deadlines, fast turn-around times, fast productivity and balancing client’s needs
●    Direct impact on one of Amazon.com’s sources of revenue through high-traffic website ad sales

Retail Store Neon Sign, Marketing, and Logo Design

Photo

Energy Island Smoothies, located in Bremerton and Silverdale, WA asked for a logo design, and neon sign: http://www.facebook.com/energyislandsmoothies

modifications. The prototype was designed in 3 hours with 3 feedback sessions and a total of 5 hours. I worked with the interior designer and company owners as well as the current employees to get a sense of what culture, theme and style was needed.

The idea and story behind the logo is: One of the owners (the wife) recently had breast cancer and overcame the obstacles of chemotherapy, fatigue etc and named the store “Energy” and wanted an island theme from her own parrot and years living in Hawaii “Island” The idea is to support Breast Cancer Awareness and a supporting atmosphere for anyone recovering from cancer, or other illnesses.

They particularly liked this logo because of the 3D affect of the island going into the background with a setting sun and sunset.