Contact Us

Use the form on the right to contact us.

You can edit the text in this area, and change where the contact form on the right submits to, by entering edit mode using the modes on the bottom right.

123 Street Avenue, City Town, 99999

(123) 555-6789

email@address.com

You can set your address, phone number, email and site description in the settings tab.
Link to read me page with more information.

UX DESIGN

Filtering by Tag: cognitive

THE WEATHER CHANNEL FACEBOOK MESSENGER BOT

March 07, 2018Denise Francis

Free-Premium-iPhone-7-App-Screen-Mockup-PSD copy.png

BRIEF

The Weather Channel Facebook Messenger Bot is the best weather bot option for accurate forecasts and timely local weather alerts. It allows users to make confident decisions whether planning for the day, entire week, or extended forecast.

MY ROLE

Product Designer. Most would recognize this role as a full stack UX|UI designer. Responsibilities included conceptualizing a weather chatbot from start to finish, including the user experience flow and the visual direction under the limitations of Facebook's platform. Also included assisting in the development of the bot's tone (which sparked a larger conversation about voice tone throughout The Weather Channel's brand), as well as solving user conversation habits and challenges that allowed the user to speak freely, display trust, and understand the difference between a pure human vs. robot conversational experience.

METHODOLOGIES

Guerrilla Tests, Personas, User Flows, Extensive Market Research, Sketching, Live Prototyping, Comparative & Competitive Analysis, and Wizard of Oz User Testing.

TOOLS

Sketch, Facebook, Google Suite, Adobe Illustrator, and Adobe Photoshop..

What is a chatbot?

Artboard 28 Copy 2@2x.png

Artboard 28 Copy 10@2x.png

Artboard 28 Copy 9@2x.png

Artboard 28 Copy 3@2x.png

Artboard 28 Copy 11MSD@2x.png

Artboard 28 Copy 13MMVIJ@2x.png

Artboard 28 Copy 12MVMVMM@2x.png

Artboard 28 Copy 14NNCHZ@2x.png

Artboard 28 Copy 16COOKL@2x.png

Artboard 28 Copy 8@2x.png

Artboard 28 Copy 6@2x.png

Artboard 28 Copy 7@2x.png

Artboard 28 Copy 11abasvrrwq@2x.png

Artboard 28 Copy 11abasvrrwq Copy@2x.png

Artboard 28 Copy 16COOKL Copy@2x.png

Artboard 28 Copy 11abasvrrwq Copy Copy Copy@2x.png

Artboard 28 Copy 11111@2x.png

Artboard 28 Copy 411111@2x.png

Artboard 28 Copy 11@2x.png

Artboard 28 Copy 71@2x.png

Artboard 28 Copy 81@2x.png

Artboard 28 Copy SFCFWFG@2x.png

Artboard 28 Copy 4DACA Copy Copy Copy Copy Copy.png

Artboard 28 Copy 4DACA Copy Copy Copy Copy.png

Artboard 28 Copy 4DACA Copy Copy Copy.png

Artboard 28 Copy 4DACA Copy Copy.png

Artboard 28 Copy 4DACA Copy.png

Artboard 28 Copy 4DACA.png

Artboard 28 Copy 11KHG@2x.png

Artboard 28 Copy 10 GJHF@2x.png

Artboard 28 Copy 12MJB@2x.png

Artboard 28 Copy 10GIG Copy Copy.png

Artboard 28 Copy 10GIG Copy@2x.png

Artboard 28 Copy 11NANNYB@2x.png

Artboard 28 Copy 4MANUSOJDN@2x.png

ezgif.com-resize.gif

categories UX DESIGN, VISUAL DESIGN, CASE STUDY
tags USER RESEARCH, UXUI, VISUAL DESIGN, COMPETITIVE ANALYSIS, SKETCHING, CASE STUDY, RESEARCH, PROTOTYPE, APP DESIGN, AFFINITY, DIAGRAMMING, GENERAL ASSEMBLY, GRAPHIC DESIGN, Kanga, STORYTELLING, STORY BOARDING, DESIGN, WIREFRAMES, cognitive, AI, WATSON, IBM, THE WEATHER CHANNEL, WEATHER, CHATBOT, BIT

OLLI | AUTONOMOUS FOR ALL OF US

February 14, 2018Denise Francis

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.001.jpeg

BRIEF

The Weather Channel Facebook Messenger Bot is the best weather bot option for accurate forecasts and timely local weather alerts. It allows users to make confident decisions whether planning for the day, entire week, or extended forecast.

MY ROLE

Product Designer. Most would recognize this role as a full stack UX|UI designer. Responsibilities included conceptualizing a weather chatbot from start to finish, including the user experience flow and the visual direction under the limitations of Facebook's platform. Also included assisting in the development of the bot's tone (which sparked a larger conversation about voice tone throughout The Weather Channel's brand), as well as solving user conversation habits and challenges that allowed the user to speak freely, display trust, and understand the difference between a pure human vs. robot conversational experience.

METHODOLOGIES

Guerrilla Tests, Personas, User Flows, Extensive Market Research, Sketching, Live Prototyping, Comparative & Competitive Analysis, and Wizard of Oz User Testing.

TOOLS

Sketch, Facebook, Google Suite, Adobe Illustrator, and Adobe Photoshop..

What is a chatbot?

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.002.jpeg

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.003.jpeg

So what is an autonomous vehicle? Well. We finally have self driving cars. And they are finally getting good.

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.005.jpeg

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.006.jpeg

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.007.jpeg

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.008.jpeg

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.009.jpeg

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.010.jpeg

So typically as a public commuter there are several steps to getting to and from various destinations. Olli makes it easy by creating routes that allow for simple navigation, departure and arrival to your destination.

Now imagine that you have an ailment that extremely slows down your travel making it hard to navigate the world. What would be some of the things you’d have to think about? We empathized with this mindset and began to pin point the pain points and c… — Now imagine that you have an ailment that extremely slows down your travel making it hard to navigate the world. What would be some of the things you’d have to think about? We empathized with this mindset and began to pin point the pain points and concerns so that we could begin to create the right solutions.

So we started to think about some of those pain points and how we can solve them via the technology and physical spaces available to us using the screens at the bus stop and on the bus

We began to sketch and brain storm all while checking in with our engineers to ensure that we could reach an MVP that would’t frustrate its users, knowing that this will ALWAYS and continue to be a learning process.

We then began to set the mood by exploring materials, textures, tactile engagement

We incorporated systems into those screens and monitors to allow users to communicate and gain information in ways thats best for them.

From there we arrived at a flow that supported our initial MVP to be tested at an up coming CES Conference.

INCREDIBLE OLLI _ WE RISE_20180622_1200pm.018.jpeg

The we put it in front of people. Spectators got the opportunity to meet various user personas and experience the vehicle. Designing for an exhibit (approximating a real life experience within the constraints of an exhibit hall booth) as well as a r… — The we put it in front of people. Spectators got the opportunity to meet various user personas and experience the vehicle. Designing for an exhibit (approximating a real life experience within the constraints of an exhibit hall booth) as well as a real life actually-in-use experience.

And there's always that moment when you get the ultimate user testers … Exciting!

This project taught us a lot about execution but it also was a huge lesson in just how much communication can improve a product.

NOBODY KNOWS OR CARES ABOUT THE SILOS WITHIN YOUR COMPANY.

It’s not black and white. It is so important to design a product that everyone can use. Learn about color contrast rules and font weights and sizes. Disabilities range from temporary issues like headaches, to a broken hand. There’s also a legal mand… — It’s not black and white. It is so important to design a product that everyone can use. Learn about color contrast rules and font weights and sizes. Disabilities range from temporary issues like headaches, to a broken hand. There’s also a legal mandate to comply with certain accessibility standards.
Name Headers
Describe Images
Color Contrast
There are so many screens, too many clicks to find what you need. Make that the priority then make a second step. Try to avoid exhausting the users.

What user need are you solving? Never forget what you’re helping users achieve. You are their advocate!

We got the opportunity to present this project at the 2018 We Rise Tech Conference in Atlanta, Ga. and look forward to presenting it at more conferences in the future.

categories UX DESIGN, VISUAL DESIGN, CASE STUDY
tags USER RESEARCH, UXUI, VISUAL DESIGN, COMPETITIVE ANALYSIS, SKETCHING, CASE STUDY, RESEARCH, PROTOTYPE, APP DESIGN, AFFINITY, DIAGRAMMING, GENERAL ASSEMBLY, GRAPHIC DESIGN, Kanga, STORYTELLING, STORY BOARDING, DESIGN, WIREFRAMES, cognitive, AI, WATSON, IBM, THE WEATHER CHANNEL, WEATHER, CHATBOT, BIT