CBE Mobile Wireframes

November 20, 2013 Leave a comment
Categories: Uncategorized

SIRI Voice Commands List

Siri List Of Commands


Write on my wall just landed on San Francisco!
Post to Facebook heading back to the hotel.

Find My Friends

Where are my friends
Where is Jack?
Is my Wife at home?

Launching Apps

Open TweetBot
Launch Reeder [Somehow, Siri knows which apps you’ve downloaded and is able to change ‘Reader’ to ‘Reeder’.]
Start XTrail
Play Infinity Blade


Tell John and Jack to meet me at the usual place. [This will send a group message if they both have iMessage, and if one or more didn’t turn on iMessage/doesn’t have iMessage, an individual SMS will be sent to them via your carrier]
Message Jill and Jane test
Ask Mom whether there is bread at home
Reply i can make it
Are there any messages?


Show me movies with Leonardo DiCaprio
Find Disney movies
Who starred in The Blind Side
Who directed The Avengers
What is Toy Story 3 Rated?
What’s playing at the movies tomorrow?
I want to watch Resident Evil movie
Find a theater near my office.
Show me the reviews for prometheus.
Which movie won best picture in 2011?


Take me home
Navigate to work
Show me the way to school


What is the time now?
When is the next full moon?


Find some burger joints in Seattle
Good Sushi bar around here
Table for four in Palo Alto tonight
Make a reservation at a Mexican restaurant tonight at 7pm
Show me the reviews for Seven Hills in san Francisco.


When is the next NBA game
Who won last Saturday’s NBA game
Who’s taller Kobe Bryant or LeBron James
How are the giants doing this season


Post to Twitter this is a test.
Tweet with my location awesome shawarma joint.
Tweet the new iPhone is awesome! hashtag Apple Keynote

Address Book

Querying Contacts

What’s Michael’s address?
What is Susan Park’s phone number?
When is my wife’s birthday?
Show Jennifer’s home email address

Finding Contacts

Show Jason Russell
Find people named Park
Who is Michael Manning?


My mom is Susan Park
Michael Manning is my brother
Call my brother at work


Adding Events

Set up a meeting at 9
Set up a meeting with Michael at 9
Meet with Lisa at noon
Set up a meeting about hiring tomorrow at 9am
New appointment with Susan Park Friday at 3
Schedule a planning meeting at 8:30 today in the boardroom

Changing events

Move my 3pm meeting to 4:30
Reschedule my appointment with Dr. Manning to next Monday at 9am
Add Lisa to my meeting with Jason
Cancel the budget review meeting

Asking about events

What does the rest of my day look like?
What’s on my calendar for Friday?
When is my next appointment?
When am I meeting with Michael?
Where is my next meeting?


Setting Alarms

Wake me up tomorrow at 7am
Set an alarm for 6:30am
Wake me up in 8 hours
Change my 6:30 alarm to 6:45
Turn off my 6:30 alarm
Delete my 7:30 alarm

Checking the Clock

What time is it?
What time is it in Berlin?
What is today’s date?
What’s the date this Saturday?

Using a Timer

Set the timer for ten minutes
Show the timer
Pause the timer
Reset the timer
Stop it


Sending Messages

Email Lisa about the trip
Email Jennifer about the change in plans
New email to Susan Park
Mail Dad about the rent check
Email Dr. Manning and say I got the forms, thanks
Mail Lisa and Jason about the party and say I had a great time

Checking Messages

Check email

Any new email from Michael today?
Show new mail about the lease
Show the email from Lisa yesterday

Responding to Messages

Reply Dear Susan sorry about the late payment
Call him at work


Checking Up on Friends

Where’s Jason?
Where is my sister?
Is my wife at home?
Where are all my friends?
Who is here?
Who is near me?



How do I get home?
Show 1 Infinite Loop Cupertino California
Directions to my dad’s work

Local Businesses

Find coffee near me
Where is Starbucks?
Find some burger joints in Baltimore
Find a gas station within walking distance
Good Mexican restaurants around here


Sending Texts

Tell Susan I’ll be right there
Send a message to Jason Russell
Send a message to Lisa saying how about tomorrow
Tell Jennifer the show was great
Send a message to Susan on her mobile saying I’ll be late
Send a message to 408 555 1212
Text Jason and Lisa where are you?

Reading Texts

Read my new messages
Read it again

Replying to Texts

Reply that’s great news
Tell him I’ll be there in 10 minutes
Call her



Play The Light of the Sun
Play Trouble
Play Taking Back Sunday shuffled
Play Alicia Keys
Play some blues
Play my party mix
Shuffle my roadtrip playlist


Creating and finding notes

Note that I spent $12 on lunch
Note: check out that new Alicia Keys album
Find my restaurant note
Create a reading list note
Add Tom Sawyer to my reading list note


Phone calls

Call Jason
Call Jennifer Wright mobile
Call Susan on her work phone
Call 408 555 1212
Call home
FaceTime Lisa


Requesting reminders

Remind me to call mom
Remind me to call my mom when I get home
Remember to take an umbrella
Remind me take my medicine at 6am tomorrow
Remind me to pick up flowers when I leave here
Remind me when I leave to call Jason
Remind me to finish the report by 6


Checking Stocks

What’s Apple’s stock price?
What is Apple’s PE ratio?
What did Yahoo close at today?
How is the Nikkei doing?
How are the markets doing?
What is the Dow at?


Checking the Forecast

What’s the weather for today?
What’s the weather for tomorrow?
Will it rain in Cupertino this week?
Check next week’s forecast for Burlington
What’s the forecast for this evening?
How’s the weather in Tampa right now?
How hot will it be in Palm Springs this weekend?
What’s the high for Anchorage on Thursday?
What’s the temperature outside?
How windy is it out there?
When is sunrise in Paris?


Looking up information

Search the web for Bora Bora
Search for vegetarian pasta recipes
Search the web for best cable plans
Google the war of 1812
Search Wikipedia for Abraham Lincoln
Search for news about the World Cup
Bing Alicia Keys

Using Wolfram Alpha

How many calories in a bagel?
What is an 18% tip on $86.74 for four people?
Who’s buried in Grant’s tomb?
How long do dogs live?
What is the Gossamer Condor?
What’s the square root of 128?
How many dollars is €45?
What was the Best Picture of 1983?
How many days until Christmas?
How far away is the Sun?
When is the next solar eclipse?
Show me the Orion constellation
What’s the population of Jamaica?
How high is Mt. Everest?
How deep is the Atlantic ocean?
What’s the price of gasoline in Chicago?

Digital Trends for 2013–According to Econsultancy and Adobe

Ecounsultancy in association with Adobe released their “Quarterly Digital Intelligence Briefing: Digital Trends for 2013” which it is a must read for any User Experience professional or company that cares about staying ahead of the competition or deliver better experiences to users. You can find the report along with a plethora of marketing resources at Adobe’s Marketing Cloud: http://www.adobe.com/solutions/digital-marketing.html

The predicted 2013 trends are:

1. The year of content – creating, optimizing and marketing content

The single most significant trend is the continued emergence of content marketing as a standalone discipline. Content, in all its shapes and forms, is core to everything we do as marketers. There is now a widespread realization that optimization of all types of content, both on-site and off-site, and across a range of different formats and devices, is absolutely critical. Click here to go to Adobe’s Digital Marketing Blog – Digital Trends for 2013


2. Capitalizing on engagement: increasing conversion from earned and owned media


3. Great content, spread through social channels and consumed anywhere


4. Inspired content + informed algorithms – excitement for 2013


5. CMOs and the role of marketing in customer experience management


6. Pi-shaped marketers shall inherit the digital earth


7. Omnichannel consumers on the march – priorities for a mobile customer base


Click here to go to Adobe’s Digital Marketing Blog – Digital Trends for 2013

What do you regard as the most important opportunity for 2013, and why are you focusing here?

“Attempting to optimize content for mobile and how this might dovetail with offline data to form a single view.” “Joining up online and offline data – or leveraging big data and the many sensors that collect data – we only

utilize 5% of what we collect.”

“Getting some sense out of the digital nonsense. It all LOOKS robust, but there’s little meaning in all the clicks and visits and so on. Digital is just part of the mix, but the digital industry thinks it’s holy.”

“Multichannel marketing, as they have previously heavily relied on separate disconnected channels, which have

not provided real value to their customers and therefore have not been used by their target audience.”

“Social media, but very little measurable activity has actually been done due to confusion of tools and methods,

leading to upper management lack of interest and reduction in expenditure.”

“The most important opportunity lies in optimizing digital channels through analysis, strategy and creative development. Being able to reach customers in their environment requires continual optimization, which includes bringing new channels in the mix and removing those that don’t perform.”

Survey respondents

Creating Wireframes for Smart TV

February 25, 2013 Leave a comment

On this project I will be using Adobe Illustrator CS 5.5 to create the wireframes and Adobe InDesign 5.5 to bring it all together, this is the easiest way to dealing with a wireframe flow presentation.


The standard screen for HDTV is 1920 by 1080, which Illustrator has that preset already available under “Document Profile > Video and Film > HDTV 1080”

Capture-001 2-25-2013 4.17.32 PM

Capture-002 2-25-2013 4.27.13 PM

Next step is to create and add the TV remote controls Illustrator file.

Capture-003 2-25-2013 5.16.46 PM

Now we create the wireframes for the first user interaction (After the user logs in the system will remember them), we need to provide the user with a visual keyboard and login fields for visual feedback purposes. We also provide with visual cues on the wireframe screen and remote.

Capture-000 2-27-2013 10.43.56 AM

Next we add the interaction of the face being scanned and recognized.

Capture-001 2-27-2013 10.44.03 AM

Capture-002 2-27-2013 10.44.22 AM

Now the voice interface, triggers and commands

Capture-012 2-27-2013 8.16.06 PM

Capture-010 2-27-2013 8.15.00 PM

The “User Experience Mapping” is an excellent reference point to base our wireframes on.

Capture-001 2-28-2013 10.15.57 AM

And that is all I can reveal for this specific project without getting into NDA trouble. Smile

CBE Mobile, Desktop, Touch and Kiosk Wireframes

February 22, 2013 Leave a comment

Samsung Smart Cube Game Task Flow Evaluation

February 22, 2013 Leave a comment


Download/See pdf

A. Unnecessary Interaction, place “How to Play” as an extra option on main screen.

Reduces an extra interaction

B. All this section lacks “Calls to Action” such as learn more, view now, etc.

Increase Traffic and Awareness

C. The logo at the top left should be the link to the main screen, most users are used to the logo ID linking to the home page/screen.

Reduce Confusion

D. Ineffective visual cue, use a page corner flip and add a drop shadow.

Effective Visual Cues

E. User should be taken back to the app instead of leaving the user on the FB app screen, forcing the user to exit, navigate to game icon and touch the icon to initialize game again.

Effective User Interaction

The Key for Delivering Useful and Effective Solutions

The key for delivering useful and effective user centric solutions is simple. It is better to answer the “why” question and not the “what” question. Often I have found myself involved in projects that were already started only to discover that it was started by answering the “what” question. For example, an executive group may have made the choice to implement a mobile app, or they want to re-do the intranet, or re-design the website, or perhaps they want to be better connected in the social media arena.

Answering the “what” question is fine if you are trying to define requirements or goals but it is not an effective pillar on which to build the strategy for better User Experiences. The “what” tells us what to do with what exists or at least what is believed should exist within the constraints of our own perspectives. It however does not directly address what the needs of the user are and why those needs should be met. How would that translate into a better User Experience overall?

I remember a project that I worked on at Maxim. I was recruited right before they transferred 200+ servers, tens of thousands of users, and hundreds of thousands of files and documents. It was projected to take 3 months and about 12 resources (Developers, Server Administrators, Database Administrators, SharePoint 2010 Developers, etc.) working 8 – 10 hours a day. At the first meeting the complexity of this overwhelming task was discussed. When it was my turn I asked several simple questions: “Why do we have to move everything?”; “Is everything indispensable?”; “Has anyone checked the value and integrity of the folders, files, and user?”.

To my amazement, the project owner’s request to move everything was never questioned. This means they were answering the “what” question first (All files and folders for all users from all servers need to be move and replicated on a SharePoint environment.) instead of answering the “why” (Why is it so important to move everything?). This is especially bad when it is not known if the action that is about to be taken makes sense in the first place.

After working closely with the project manages, server administrators, and local IT administrator it was determined that what actually needed to be moved was only 20% of the files and folders and not 100% as originally thought. One reason was because some employees were no longer with the company. Another reason was because some folders and files had not been accessed in several years. Still another reason was that there were lots of duplicates floating around.

To remedy this, I created a 4 Step Strategy for the IT and server administrators for each office


Step 1: Back up everything

Step 2: Clean everything (If an employee had away from the company for more than 1 year, archive folders but do not transfer. Anything not accessed in 2 years or longer would be archived but not transferred. Utilize software that finds and compares duplicate files at the hex level and archive older duplicates but transfer the new ones).

Step 3: Develop a new site structure and create document, knowledge, archive, and template libraries to house commonly used documents.

Step 4: Identify user group types and create sub-master page templates tailored specifically to their needs.

By answering the “why” not the “what” the team transferred the files in 1/6 the projected time, using 1/3 of the originally planned resources, thereby saving the company a lot of money on man hours and equipment while delivering a much better user experience. So remember it is all about answering the “why” not the “what”.

User Interface Types


Direct manipulation interface is the name of a general class of user interfaces that allow users to manipulate objects presented to them, using actions that correspond at least loosely to the physical world.

Graphical user interfaces (GUI) accept input via devices such as computer keyboard and mouse and provide articulated graphical output on the computer monitor.

Web-based user interfaces or web user interfaces (WUI) that accept input and provide output by generating web pages which are transmitted via the Internet and viewed by the user using a web browser program.

Touchscreens are displays that accept input by touch of fingers or a stylus. Used in a growing amount of mobile devices and many types of point of sale, industrial processes and machines, self-service machines etc.

Command line interfaces, where the user provides the input by typing a command string with the computer keyboard and the system provides output by printing text on the computer monitor.

Touch user interface are graphical user interfaces using a touchpad or touchscreen display as a combined input and output device. They supplement or replace other forms of output with haptic feedback methods. Used in computerized simulators etc.

Attentive user interfaces manage the user attention deciding when to interrupt the user, the kind of warnings, and the level of detail of the messages presented to the user.

Batch interfaces are non-interactive user interfaces, where the user specifies all the details of the batch job in advance to batch processing, and receives the output when all the processing is done. The computer does not prompt for further input after the processing has started.

Conversational Interface Agents attempt to personify the computer interface in the form of an animated person, robot, or other character (such as Microsoft’s Clippy the paperclip), and present interactions in a conversational form.

Crossing-based interfaces are graphical user interfaces in which the primary task consists in crossing boundaries instead of pointing.

Gesture interfaces are graphical user interfaces which accept input in a form of hand gestures, or mouse gestures sketched with a computer mouse or a stylus.

Intelligent user interfaces are human-machine interfaces that aim to improve the efficiency, effectiveness, and naturalness of human-machine interaction by representing, reasoning, and acting on models of the user, domain, task, discourse, and media (e.g., graphics, natural language, gesture).

Motion tracking interfaces monitor the user’s body motions and translate them into commands, currently being developed by Apple[1]

Multi-screen interfaces, employ multiple displays to provide a more flexible interaction. This is often employed in computer game interaction in both the commercial arcades and more recently the handheld markets.

Non-command user interfaces, which observe the user to infer his / her needs and intentions, without requiring that he / she formulate explicit commands.

Object-oriented user interfaces (OOUI) are based on object-oriented programming metaphors, allowing users to manipulate simulated objects and their properties.

Reflexive user interfaces where the users control and redefine the entire system via the user interface alone, for instance to change its command verbs. Typically this is only possible with very rich graphic user interfaces.

Tangible user interfaces, which place a greater emphasis on touch and physical environment or its element.

Task-Focused Interfaces are user interfaces which address the information overload problem of the desktop metaphor by making tasks, not files, the primary unit of interaction

Text-based user interfaces are user interfaces which output a text. TUIs can either contain a command-line interface or a text-based WIMP environment.

Voice user interfaces, which accept input and provide output by generating voice prompts. The user input is made by pressing keys or buttons, or responding verbally to the interface.

Natural-language interfaces – Used for search engines and on webpages. User types in a question and waits for a response.

Zero-Input interfaces get inputs from a set of sensors instead of querying the user with input dialogs.

Zooming user interfaces are graphical user interfaces in which information objects are represented at different levels of scale and detail, and where the user can change the scale of the viewed area in order to show more detail.


Reference: Wikipedia

Windows 8 Store–Not Very Efficient

December 31, 2012 3 comments

After trying for over a week to get Windows 8 to work effectively with my Dell XPS 17” Touch Screen Laptop I was finally able to do so, unfortunately I had to wipe off all of my software and do a total clean installation. I decided to just move on and go to the Microsoft windows 8 app store and to my surprise (Not really, Microsoft always does that kind of stuff) the store experience is confusing, not effective and wasteful, but the one thing that I could just not believe was the total lack of feedback to the user if an app was already installed, instead of getting a quick visual cue at the top level I had to drill down to find out the app was already installed. Seriously! add a small badged to the already installed apps please after a couple of days and weeks most users could forget exactly what they have already installed. Smile


Notice how at the top 2 levels it does not indicates that the app is installed, is not until the 3rd last level that the user finds out the app is already installed.

Charter User Experience Evaluation and Recommendations

December 28, 2012 Leave a comment
%d bloggers like this: