Flow is a concept identified by psychologist Mihaly Csikszentmihalyi. According to Csikszentmihalyi, flow is “a state in which people are so involved in an activity that nothing else seems to matter; the experience is so enjoyable that people will continue to do it even at great cost, for the sheer sake of doing it.” Flow happens when an individual is highly focused or in the zone. In User Experience design, flows help designers foresee their user’s cognitive patterns. This helps designers develop products that foster the state of flow.
What are User Flows?
An example of the elements and process housed within a flowchart diagram. Example source: CareerFoundry
In UX, User flows, sometimes called UX flows or flowcharts, are diagrams depicting the path a user follows when using a product. Users can take numerous pathways when utilizing a product. Flows display possible routes a user can take while using a website or application from beginning to end.
The user flow lays out the user’s movement through the product, mapping out each and every step the user takes—from entry point right through to the final interaction. – Camren Browne, CareerFoundry
How are User Flows Useful?
User flows detail each step in a user’s journey to achieving a goal. A flowchart “begins with the consumer’s entry point on the product, like an onboarding screen or homepage, and ends with the final action or outcome, like purchasing a product or signing up for an account.” Documenting this process within a visual representation assists designers, allowing them to observe, understand, and evaluate the user’s experience. Designers can then update the flow and improve the experience.
Flowcharts benefit product designers as well as product users. They consider the user, ensuring that the user’s journey is straightforward and their needs are met. If the product meets the user’s needs effectively and the experience is satisfactory, the user will continue to utilize the product.
Creating a Flowchart
Although flowcharts are a useful UX tool, individuals within many fields and professions utilize flowcharts to communicate the steps and decisions needed to perform a process. Flowcharts are widely used and recognized. Thankfully, there are many flowchart resources online, including guides, tutorials, templates, and how-tos. Following are a few tips to make use of before you jump into creating a flowchart.
User Flow Diagram Tips
Before creating a user flow diagram, start with these steps.
Determine the purpose and objective: What will your diagram depict? Which user path do you want to explore? What insight are you hoping to gain? Who will benefit from viewing this diagram?
Assess user and user needs: What kind of user would utilize your product?What goal is your user seeking to achieve? What problem do they need to be solved? Are there specific features that are important to them? How will your product make their experience seamless and convenient?
Create an outline: Draft a list of steps within your flow diagram from beginning to end. Start with an entry point, followed by steps to completion. Will the user have any decision points? If so, what are the results of each decision? Conclude your outline with a final interaction or endpoint.
Define your flowchart elements: All flowcharts utilize shapes to depict starting points, endpoints, decisions, and more. They also utilize arrows to depict the direction of the process. There are many standard symbols incorporated in flow diagrams that communicate varying meanings. Ultimately, the diagram designer determines what elements to use, creating a key so viewers can easily understand what is taking place within each step.
My Flowchart Exercise
I recently wrote about Information Architecture (IA), completing an analysis exercise of the current structure of the website of the City Baltimore. I created a site map for the city’s current IA, followed by a site map proposing a new structure and flow.
My next task involved proposing a companion app for the website. Here is the IA structure I created for the app.
A diagram of my companion app for the City of Baltimore’s website. While on the go, users would likely want to access News, Events, Services, and the city’s Directory the most.
This week, I named the app Baltimorean and completed a flowchart exercise to observe how three Baltimore residents might journey through the app to access specific resources. You can view my complete exercise below. In the meantime, here is my process for one of my users, Savannah.
Baltimorean would serve current residents of the city of Baltimore, focusing on the city’s services and resources available to residents.
Purpose
This app would focus on the services and resources offered by the City of Baltimore. The goal is to keep residents in the loop, providing them with easy access to the city’s latest news and upcoming events. The app would also allow residents to access the city’s directory, submit and review service requests, and make online payments conveniently.
Functions
Make online payments
View Baltimore’s most recent news stories
Find local event information
Submit or view the status of a service request
Gain more information about the Mayor
Connect with the city through social media
View directory information concerning each
branch of the city’s government
Audience and Needs
Target Audience
Baltimorean’s target audience would include all Baltimore residents, especially those familiar with the city website. Residents who frequently visit Baltimore’s site would benefit from an app that gives them easy access to information and resources without having to peruse the city’s site.
User Needs
Baltimorean will meet the following resident needs:
Residents will be more informed about city happenings
Residents will feel more connected with their community and the city
Residents will browse relevant city-related content in a more manageable way
Residents will be able to make payments and submit requests more conveniently
Savannah’s Story and Scenario
Savannah is a local artist seeking to become more engaged in Baltimore’s art community. My third flowchart depicts Savannah’s process of finding local art events using the Baltimorean app. Photo by Burst on Pexels
Story
As a local artist, I want to find upcoming art-related events so that I can network and connect with other creative professionals in my city.
Scenario
Savannah is a recent graduate and a local artist seeking a community. She wants to become more connected to Baltimore city’s art community. She is interested in upcoming art events in the city in which she can hopefully share her work and network with other local creative professionals. Savannah wants to get information about all of Baltimore’s upcoming art events and exhibitions. She desires to find these events quickly and conveniently, register, and add them to her calendar. She needs to stay informed because attending these events will result in many things. Savannah will be inspired and encouraged, and hopefully, she will develop connections and find opportunities to showcase her work.
Flow Chart Elements
Here are the elements I used to represent steps within a user’s process. Additionally, I utilized dashed arrows to indicate the flow direction.
Rounded Rectangle: Starting point and endpoint
Hexagon: Decision point
Rectangle: Action point
Each of my user flow diagrams utilized three shapes— rounded rectangles, hexagons, and rectangles.
Savannah’s User Flow Diagram
Savannah’s user flow diagram walks through each step she takes to find local art events. During this process, she makes three distinct decisions.
Final Thoughts
Creating user flows for the Baltimorean app granted a closer look into the app pages and functionalities. My flowcharts served as testing methods, helping me examine the strength of the IA I developed for the app. Baltimorean is intended to assist city residents with locating and utilizing the city’s resources and services promptly and conveniently. Thanks to my user flow diagrams, I can revisit and revamp Baltimorean’s IA to better meet my user’s needs and improve their experiences with the app.
User flow diagrams are practical tools that designers use to challenge and assess the information architecture and interface of an application or website. These diagrams communicate every step in a process or task, helping individuals envision what it takes to complete a process and strategize for improvements.
From the mid-20th to our current 21st century, our times have been referred to as the digital age, information age, and more. Information has become a commodity that is quickly and widely disseminated and easily available. Every moment of every day, people are seeking content. Whether news, podcasts, reviews, case studies, products, articles, e-books, or more, people constantly seek content and information unique to their desires and needs.
While seeking this information, we frequent multiple websites throughout the day and often find numerous tabs open in our browser window. When on the go, we use our mobile devices to search the web or utilize mobile applications to meet our needs. Being mobile or stationary does not affect the rate at which users expect to access the information they are seeking.
Users need to feel comfortable and capable while accessing the information they seek regardless of the method used to access this information. Therefore, websites have become responsive, formatted to fit the screens of our many devices. Furthermore, websites, software, and services have developed companion apps so users can accomplish their goals conveniently and effectively. These days, it is common to have a companion app for a site, software, or service, and sometimes odd when one does not exist.
However, the organization and flow of an app or site are crucial. If an app or site is ill-organized, confusing, and challenging to navigate, the user will likely become frustrated and forego utilizing that platform.
Information Architecture considers the user while structuring the content the user is seeking. Solid structure and flow within the apps and websites we utilize help us locate the content we want effortlessly. If users can find the content they are pursuing straightforwardly, they are more likely to continue utilizing the app or website.
IA Visualizations
Wireframes are some of the visualization techniques used by information architects to display an organize content. Photo source: picjumbo.com on Pexels
UX architects understand how the end-user will interact with a platform. They unite the platform and user in a way that makes sense and is comfortable for the user. UX architects achieve information architecture by focusing on the structure and flow of digital products. They conduct research and translate and organize the information into visual representations including sitemaps, wireframes, and prototypes.
Site Maps
Gluten Free Living Site Mapexample. Found on Pinterest
A UX site map is a visual representation of the architecture of a website. Site maps are like the table of contents, working as a visual index to a site, displaying where pages are located and what they contain. They are hierarchical diagrams that display how pages are prioritized, linked, and labeled. Information Architects build site maps to clarify the purpose and goals of a website, communicate the structure and flow of a site to colleagues and team members working on the site, or analyze the organization of an existing site for improvement.
My Site Map Exercise
In my last post, I analyzed the structure and flow of the City of Baltimore website. Websites for counties, cities, and town municipalities are widely known for having poorly organized websites overloaded with content. At first glance, the website of the City of Baltimore appeared to be more organized and simplified than the average Maryland city site. However, my site map exercise revealed some issues and pain points within the site structure.
First, I developed a site map for Baltimore’s current site. I found that some content in the current structure was redundant, some content was outdated, and some content felt out of place. Following my findings, I created a new site map, rearranging the content to propose an updated structure and flow for the site and improve the user experience. Below are my current and proposed site maps for reference. You can also view the PDF for a closer look.
The home page of the City of Baltimore Website.Baltimore city’s current site architecture.My proposed architecture for the City of Baltimore’s site.
Apps benefit users by giving them access to content without physical limitations. Photo by William Fortunato onPexels
Since mobile apps are highly sought after and utilized frequently, creating a companion app for the City of Baltimore would impact the city’s users and residents positively. When developing a companion app, UX professionals think about the users on a broad scale while also considering a niched group within those users—users accessing content mobily. Although an app and a site can both serve the City of Baltimore, they can serve the city in different ways.
Succeeding my site map exercise, I created a map for a potential companion app. Before creating the diagram, I reviewed the content on the City of Baltimore’s current site and asked my following questions:
Should all content be included in the app?
What information would mobile users benefit from the most? What pages/content would residents want to access on the go?
What will make this app useful?
Here are my answers.
Should all content be included in the app?
All content on the City of Baltimore site does not need to be included in a companion app. Considering that the app would need to be useful and produce results rapidly, residents and users would want to utilize the app to access news, events, services, and the city’s directory primarily. Furthermore, it is likely that they already became familiar with the city’s content via the website. They would not need a full introduction to the mayor, cabinet, mayoral offices, etc. Additionally, there would be no need to view a photo gallery or stream of city-related tweets. These things could be linked externally. The app would limit the site’s content to information residents would need to access and reference quickly.
What information would mobile users benefit from the most? What pages/content would residents want to access on the go?
Mobile users would want to access information and services that interest them or impact them directly. This content includes news articles, upcoming events, service requests, government branch information, and the city’s online payment portal.
What will make this app useful?
Creating a companion app that makes processes smoother and more convenient would be more convenient for users and residents. Making payments and submitting service requests on the go would help users save time and accomplish their goals. Similarly, reading the latest news or viewing events concerning the City of Baltimore within an app would keep users informed favorably. Users would no longer have to search the web or visit the city’s site to access this content unless they desired to.
After reviewing Baltimore city’s site content and answering my research questions, I created a map for my proposed companion app. Here’s the final diagram.
A diagram of my companion app for the City of Baltimore’s website. While on the go, users would likely want to access News, Events, Services, and the city’s Directory the most.
Companion App Explained
In short, Baltimore city’s companion app would house five main screens within a bottom icon navigation. The five main screens are as follows: News, Events, Services, Directory, and More. Similar to the site, the app would also have a header on every page, containing the city’s logo, a search bar, a language selector, and a link to the online payment portal.
To refrain from overloading the app with content, the “News” and “More” screens within the app would contain external links to additional information existing on the main site if the user wanted to dive deeper into the city’s content. For a closer look and more understanding of the page organization, view the full PDF.
According to Vibryt, “An app is a way to bring your consumer closer to your products or services. It allows customers to easily interact and make transactions without physical limitations.” A companion app is a great way to further unite a user with a site, software, or service. There are companion apps for online banking portals, companion apps for Adobe’s design software, companion apps for online shopping at companies like Amazon, Target, Etsy, and more. Apps assist users with accomplishing their goals quickly, conveniently, and comfortably.
However, when creating an application, the Information Architecture of the app is significant. All the information within a website does not always need to carry over to the app. Furthermore, the structure and flow of the app affect the user’s experience. If the app helps the user access what they need seamlessly and smoothly, without roadblocks, it’s quite possible that the user will default to utilizing the app over the site. The apps IA will make or break the experience for the user.
The aisles within your local grocery store are categorized in a way that helps you, the customer, navigate the store and locate the items you are seeking. Library books are arranged using a specific system that helps people easily access work by an author within their favorite genre or subject area. Shopping for a product on Amazon Prime is often seamless and straightforward for the user due to the site’s organization. In short, people need and value direction and structure. Furthermore, people thrive best in well-organized environments because they can quickly access exactly what they need. This idea holds true within User Experience (UX) Design.
Categorized aisle signs in Walmart indicating where customers can find some of the products they are seeking. Photo found on Pinterest
Information Architecture and UX Architects
Information Architecture can be linked back to Library and Information Science. Photo source: Pixabay on Pexels
UX architects achieve information architecture. They focus on the structure and flow of digital products. They conduct research and translate and organize the information into visual representations including sitemaps, wireframes, and prototypes. UX architects understand how the end-user will interact with a platform. They seek to unite the platform and the user in a way that is comfortable for the user.
The Significance of Information Architecture
So why is IA important? Everyone is seeking some form of content and they’re looking to find it fast. Therefore, locating content is a time-sensitive practice. In today’s information age, information has become a commodity that is quickly and widely disseminated and easily available. User Experience Design ensures that the user’s experience is smooth and painless when interacting with a product or service.
Information Architecture considers the user while structuring the content the user is seeking. Solid structure and flow within the apps and websites we utilize help us locate the content we want effortlessly. Additionally, if users can find the content they are pursuing straightforwardly, they are more likely to continue utilizing the app, software, or website. Conversely, if they cannot achieve their goal, they will likely abandon the platform.
Information Architecture is effective when the end-user is not hindered by the structure or flow of an app or site they are using. According to CareerFoundry, when all is in order, IA becomes invisible.
“Good design, when it’s done well, becomes invisible. It’s only when it’s done poorly that we notice it.”
Jared Spool, UX Designer, Writer, Researcher, Speaker, Educator
UX architects are tasked with creating an experience in which a user can focus on retrieving the content they are seeking instead of figuring out how to navigate the platform they are using. Although IA is not directly visible or identifiable, it is the “backbone for design.”
Eight Principles of Information Architecture
Information Architecture did not have a set of principles or guidelines, until Dan Brown, a well-known UX Designer, Information Architect, Speaker, and Consultant, shared his own. Brown published the following principles as a reference when creating and assessing the Information Architecture of a platform.
The Eight Principles of Information Architecture by Dan Brown, Source: CareerFoundry
The Principle of Objects: Treat content as a living, breathing thing with a lifecycle, behaviors, and attributes.
The Principle of Choices: Create pages that offer meaningful choices to users, keeping the range of choices available focused on a particular task.
The Principle of Disclosure: Show only enough information to help people understand what kinds of information they’ll find as they dig deeper.
The Principle of Exemplars: Describe the contents of categories by showing examples of the contents.
The Principle of Front Doors: Assume at least half of the website’s visitors will come through some page other than the home page.
The Principle of Multiple Classification: Offer users several different classification schemes to browse the site’s content.
The Principle of Focused Navigation: The principle of focused navigation – Don’t mix apples and oranges in your navigation scheme.
The Principle of Growth: Assume the content you have today is a small fraction of the content you will have tomorrow.
A UX site map is a visual representation of the architecture of a website. Site maps are hierarchical diagrams that display how pages are prioritized, linked, and labeled. Information Architects often build site maps to clarify the purpose and goals of a website, communicate the structure and flow of a site to colleagues and team members working on the site, or analyze the organization of an existing site for improvement.
A site map is a visual diagram of how content is organized and flows within a website. Photo by Jennifer Jhang, UX Collective
Site Maps: The City of Baltimore Website
Recently, I created a site map for the current Information Architecture of the City of Baltimore website. Town, city, and county websites within the United States are often structured poorly. Although these sites host a great amount of crucial content, the experience of obtaining this information can be a painful one.
Home page of the City of Baltimore Website. The site’s top navigation currently contains seven links, leading to six subpages and one external site.
Current Site Map
At first glance, Baltimore’s site doesn’t look too bad. However, as I dove into the subpages of this site, I found that some of the pages are redundant, while other content feels out of place.
Baltimore City’s current site map consists of redundancies, outdated pages, and content that feels out of place.
For example, some main pages, such as “News,” also exist as subpages (under “Office of the Mayor). I understand why this may have been done, as users may want to access the latest news quickly and the news articles are published by the Office of the Mayor. However, in my opinion, this category of information is significant enough to stand alone.
Similarly, “Online Payments” is linked within the top navigation of the site, but also exists within “311 Services.” Baltimore’s online payments are processed through an entirely different external website, so the link does not lead to a subpage. I could argue that “Online Payments” does not mesh with the rest of the content within “311 Services” but also feels misplaced in the top navigation.
Finally, the site’s “Connect” page feels unnecessary and outdated, as it generates a stream of recent posts connected to individuals and branches serving the city. At the top of the page, there are icon links to filter these posts by social media, but the only icons that generate results are “All” and “Twitter.” Although the goal is for users to connect with the City of Baltimore via multiple platforms, this can be achieved differently.
Proposed Site Map
After familiarizing myself with the City of Baltimore’s current site IA, I rearranged some of the site’s content to create a more manageable structure and flow. Here is my proposed site map.
My proposed site map downsizes the site’s top navigation in hopes of maximizing the content within the sub pages. External links and pages are moved to he header and footer.
Here, I limited some of the redundancy within the site by moving “Online Payments” to the header. “Online Payments” is important for the users of the site to access, but felt awkwardly placed in the top navigation. I decided to move “Online Payments” to the header since it links to an external website. That way, it’s one of the first things users see but does not disrupt the flow of the top navigation content. Considering its importance, I maintained “Online Payments” within the services page, just in case users miss it in the site header.
Additionally, I kept “News” in the top navigation of the site, but removed it from the “Office of the Mayor” page because I believe it is significant enough to stand alone. Each “News” subpage and article clearly communicate that the articles are published by the office of the mayor.
To group similar content categories and limit the number of pages in the top navigation, I decided to combine “311 Services” and “Directory” into one page that eventually divides into two subpages. Furthermore, I removed the “Connect” page entirely, replacing it with social media links placed in the site’s footer.
Altogether, my goal in developing a new Information Architecture was to limit the redundancy within the City of Baltimore’s website, solidify the purpose of each top navigation page, eliminate unnecessary pages and paths, and make navigating the site a smoother experience.
Kudos to information architects! Structuring content and considering the user is definitely a balancing act. Through this exercise, I found that it may be easier for architects to develop a site map from scratch as opposed to creating a new structure and flow from the old. But then again, either approach may present challenges.
Some websites, like Google.com, may be straightforward, focusing on one specific topic or housing one kind of content, resulting in clean and simple site maps. Others, like town sites, may be hubs for all kinds of information and content. Nevertheless, there are likely gray areas and blurry lines when organizing content. Some information stands alone, some fits into multiple categories.
All things considered, information architecture makes or breaks an application or website. If the organization of a platform inhibits the user from achieving their goal and accessing the content they need, the IA should be reworked.
A unique date experience. Photo by Nathan Dumlao on Unsplash
Have you ever planned a night out with a close friend, loved one, or significant other, a date night of sorts? How was that experience? Maybe you struggled to sort out the details of a new activity. For peace of mind, you may have opted for dinner instead.
“Date nights are important because they are a break from the normal routine and they relieve stress. Couples are more likely to enjoy higher levels of emotional satisfaction and not take each other for granted if they regularly set aside time to be alone together.”
My husband and I have recently neglected our date nights for multiple reasons. Generally, we are extremely busy, we both work from home, and we’re always together. However, we believe it is important to reserve specific time blocks within our schedules to take a break from our routines and spend time bonding with one another. Therefore, an app and service that helps us maintain our date nights without committing any extra time or energy to plan and search for creative experiences would benefit us tremendously.
DateNight App Ideation Exercise
App ideation using the sketch technique. Photo by Kelly Sikkema on Unsplash
If you haven’t figured it out already, this week I completed an app ideation exercise. Mobile app ideation is the first milestone in the mobile app making journey.
My app ideation activity guided me through developing and building upon an idea for DateNight, an app that assists loved ones with planning and preparing for dates. After creating the general idea for my app, I walked through three ideation techniques to observe and understand the practical aspects of DateNight.
To view my entire exercise, download the PDF below. For now, I’ll walk you through my initial steps, my app use, my Point Of View statement, one of my ideation methods, and my conclusion.
To start my exercise and develop a general idea for my app, I answered three questions.
Q: What is one app you would love?
A: I would love to have a go-to app for date nights. Regularly planning and scheduling quality time with a partner or significant other can often be neglected. Amongst a busy schedule filled with innumerable obligations, it can be difficult to remain intentional about setting time aside for new experiences alongside loved ones.
Having an app that integrates with your calendar, recommends restaurants and activities based on interests and preferences, and makes reservations and/or bookings for you would help automate the planning and scheduling aspects of a night out.
Q: What will the app do?
A: Incorporating features from Groupon, Yelp, DoorDash, Airbnb Experiences, Meal Kits services, and other apps and services, DateNight would serve as a hub for users to find and book unique experiences, make restaurant reservations, or have at-home activity kits delivered.
DateNight would offer subscription services as well as one-time experience opportunities suitable for two individuals. This app would suggest three different categories to users: Experiences, Dinner Dates, and At-Home Activities.
Users paying monthly to utilize the app would be offered six date night options bi-weekly, two from each category, based on their interests and preferences. Once the user selects their option, the app automatically books or reserves their selection, sends the user day-of details, notifies all participants of the upcoming experience, and marks the booking or reservation on their calendars.
DateNight would serve as a search engine for users seeking one-time experiences. Once these users take interest in a particular activity they have found, they would book, reserve, or purchase the experience or activity themselves.
Q: What purpose will it serve?
A: Whether in the comfort of their homes or out and about, DateNight will support couples and parties of two with scheduling quality time together. It will help find new and creative ways for people to bond with one another, limit redundancy, and maintain joy and excitement in the relationship. A service that helps automate the planning and scheduling aspects of a date night will help relieve stress, keeping the overall experience light, fun, and spontaneous.
App Use
Various apps displayed on a smartphone. Some may be used frequently, while others may not be favored by the user. Photo by David Švihovec on Unsplash
Next, I reviewed some of the applications I utilize regularly and compared them to apps I dislike or do not make use of.
Favored Apps
Apps I favor and utilize regularly include Instagram, Bank of America, DoorDash, and Apple’s Calendar App.
Most of the apps I use benefit me in one way or another. I may be seeking connection with others, first-hand experiences, reviews, food, products, tools to help me stay structured, or more. Nevertheless, I try to make the most of the time I use on each of these apps, utilizing them mostly to meet my personal needs.
Disfavored Apps
Some of the apps I dislike the most are highly time consuming and sometimes wasteful, including Pinterest and TikTok.
I tend to limit my use of apps that require a lot of my time and attention without meeting my needs or benefitting me directly. With a busy schedule and a lot of responsibilities, beyond a quick trip to Instagram, I prefer not to be whisked away by social media’s black holes.
Point Of View Statement
In User Experience design, a Point Of View (POV) statement” is a meaningful and actionable problem statement, which will allow you to ideate in a goal-oriented manner.” POV statements help pinpoint a direct need that needs to be met. This assists UX professionals in targeting the need and developing a solution. Instead of attempting to juggle many issues at once with their attention divided, UX professionals remain direct, opting to find a solution for one specific problem at a time.
POV statements combine three components – the user, the need, and the insight. A Point Of View statement is formatted in the following manner:
Following is the POV statement I created for the DateNight App. I utilized this statement as a focal point while walking through my ideation techniques.
Users that struggle with scheduling time with loved ones need a simple and creative way to select and plan bonding activities regularly because planning date nights can become stressful and redundant.
Sketching various app screens with descriptions to help visualize an application. Photo by Amélie Mourichon on Unsplash
This visual method involves creating rough sketches of possible solutions to generate ideas. Sketching sparks creativity and innovation, things needed for a successful ideation session. The key to the sketch technique is to refrain from committing a lot of time to well-developed sketches. The sketches should be as simple and rough as possible with just enough detail to convey meaning.
Using an iPhone template, I drafted sketches of three screens within the DateNight app: Personalized Date Feed, Date Categories, and Experience Selection.
Sketches of three screens within the DateNight app.
Personalized Date Feed
For subscribed users, the date feed will display a few upcoming dates that have already been selected by the user and scheduled through the app. The next date that needs to be selected will be housed at the bottom of this feed.
Date Categories
Once the user opts to plan their next date, the next screen they see will allow them to explore date options for their next date by category: Experiences, Dinner Dates, and At-Home Activities.
Experience Selection
When the user selects a category such as Experiences, they are given two unique Experience options to select from for the week. This limits the selection process so they don’t spend too much time choosing. Each Experience option will have a little bit of a description including the location and the distance so that the user knows what to expect. When the user selects what they would like to do, the app will schedule the event and keep the user notified regarding their upcoming date.
My Exercise Conclusion
After practicing three ideation techniques including Sketch, Storyboard, and Pessimist Vs. Optimist, I concluded that the app ideation activity was a fun and innovative way to develop ideas for an app that could one-day benefit many loved ones, including myself and my husband. Creating sketches and storyboards for DateNight were similar processes. Both of these techniques helped me develop the app idea further, adding more detail and making the idea more realistic and relatable.
On the other hand, the Pessimist Vs. Optimist ideation technique assisted with sorting through my underlying thoughts and concerns about the app. This method helped me determine whether developing an app like this is feasible.
Final Thoughts
Overall, I think DateNight is an app I would make use of regularly. My husband and I have neglected our date nights but an app like DateNight would benefit us as a way to remain consistent and spend time together without committing any extra time or energy to plan and search for creative date experiences.
This activity was a great introduction and crash course to the mobile app-making journey. It also helped me learn more about and practice three specific ideation techniques. Moving forward, I would like to explore DateNight further, as I truly believe that this app could benefit many.
Ideation creates a space to challenge yourself and think outside of the box. Photo by Kaboompics .com on Pexels
In a previous blog post, I went over four different ideation techniques that individuals can utilize to generate ideas for meeting user needs. Those four techniques, Braindump, Brainwrite, Mindmap, and Sketch, were simple introductions to ideation activities. However, if you are seeking new and creative ways to conjure up ideas and potential solutions to a problem, there are a vast amount of ideation techniques and resources available and accessible.
Ideate as part of UX Design Thinking
Ideate is the third step of the UX Design Thinking process.
In User Experience design, Ideate is the third step in the Design Thinking process. Led by Empathize and Define, Ideate is an innovative stage in which teams generate quick and simple ideas that can be transformed into designs and solutions later on. Ideation involves coming up with various ways to address your user’s needs. In this stage, it is important to generate multiple ideas instead of focusing on a few. Additionally, viewing your problem alternatively and thinking outside the box is encouraged.
“You ideate by combining your conscious and unconscious mind. You combine your rational thoughts with your imagination.”
A team amidst a brainstorming session. Photo by RF._.studio on Pexels
So what ideation techniques work best? And which method should you try first? The ideation technique that is the most popular and most likely practiced is Brainstorm. People often turn to Brainstorming when they want to develop new ideas and strategies. During a Brainstorm session, participants work together to blend ideas they generate into one workable solution. Brainstorm encourages free-thinking, open discussion, and wild ideas, without judgment or criticism.
Although Brainstorm is a great starting place, there are many other ideation techniques that may suit different teams, team numbers, scenarios, working styles, and goals. Furthermore, the outcome of each technique will be distinct.
Techniques Beyond Brainstorm
Two team members discuss their ideas. Photo by Christina @ wocintechchat.com on Unsplash
Beyond Brainstorm, there are various ideation methods that can be organized into different categories. Some of these techniques are closely related to others, while some are unique and special. Some require pen and paper, while others are thought-based or conversation-based. Altogether, while problem-solving, each of these techniques can be utilized to formulate a concrete solution idea.
Ideation Technique Mindmap
I recently created a Mindmap of a number of ideation techniques, organizing them by category and their relationship to their counterparts. Moving forward, I plan to use this Mindmap as a reference for my future ideation endeavors and you can too!
My Ideation Technique Mindmap
Following is a quick rundown of each ideation method included in the Mindmap. For a closer look, feel free to download the full PDF below.
Brainstorm:Leveraging the synergy of a group to reach new ideas by building on others’ ideas. Generated ideas are blended together, resulting in one workable solution.
Braindump: Very similar to Brainstorm, braindump is a silent ideation method achieved individually. With a timer set, participants write down their ideas on sheets of paper, cards, or sticky notes. Later on, these ideas are shared with the group for further discussion.
Brainwrite: This technique encourages participants to write down their ideas on paper and then pass their piece of paper to another participant. This participant elaborates on the first person’s ideas. A few minutes later, the papers are passed again, and so on. Finally, the pieces of paper are collected and posted for discussion.
Brainwalk: This method resembles Brainwriting, except participants walk around the room to find new “ideation stations” where they can elaborate on other participants’ ideas.
Inverted Techniques
Worst Possible Idea: This fun, stress-relieving technique encourages participants to come up with the worst possible solution ideas. Worst Possible Idea intends to lighten the mood and get creative juices flowing.
Pessimist Vs. Optimist: This ideation method finds creative solutions in an unexpected way — by way of observing the conversation between a pessimist and an optimist. By building upon one another’s responses, a general idea can evolve into a more relevant one within the conversation between someone who is hopeful and someone who is practical.
Systematic Techniques
Break & Build: Breaking down complex thoughts into more detailed pieces of information or building upon simple ideas to reach a broader viewpoint results in a range of related information. In the end, the solution can be based on the wide range of information identified during this process.
Mindmap: Mindmapping is a graphical technique in which participants build a web of relationships. By branching out from a central main idea, this strategy creates a visual representation of related terms and ideas.
Brainstorm Graphic Organizer: Brainstorming Webs, Tree Diagrams, and Flow Diagrams help visually structure a deep dive into a problem space. Brainstorm Graphic Organizers visually communicate the rigor required of most Brainstorming sessions.
Illustrative Techniques
Sketch: Creating rough sketches of possible solutions is an illustrative way to generate ideas. Sketching sparks creativity and innovation, things needed for a successful ideation session. The key to the sketch technique is to refrain from committing a lot of time to well-developed sketches. The sketches should be as simple and rough as possible with just enough detail to convey meaning.
Storyboard: Developing a story relating to the problem, design, or solution which needs to be explained or explored. Attaching a story to an idea evokes emotion, making the idea more understandable and relatable. Storyboards include pictures and quotes from users of the app, product, or service, and communicate the context in which a technology or form factor will be used. They help visualize the main concept from start to finish.
Right Braining: Releasing creative thoughts by doodling incomplete images. Leaving out portions or aspects of an image can spark creativity later. The different images can later be combined in different ways to generate new ideas.
Unpredictable Techniques
Randomness: In this technique, participants find the connection between a random word or thought and a general topic to develop a new creative idea. Starting with a general idea, participants select a random object and come up with a list of words that can be used to describe the object or are associated with it. Finally, participants pick the words from the list that can relate back to the general idea to create a solution.
Mash-Up: A fun exercise that “brings odd or unexpected things together to spark fresh ideas.” After developing a “How Might We (HMW)” question to identify a current problem needing a solution, Mash-Up encourages participants to list elements from two broad, unrelated categories. Next, participants cross-pollinate the list items to develop crazy, new ideas. Finally, five ideas are selected to name, sketch, and build upon.
Visual Research Methods as Ideation Techniques
Image Board:Collected pictures, illustrations, or brand identity imagery can be used visually to communicate an essential description of targeted aesthetics, style, audience, context, or other aspects of design intent. Image boards and mood boards have many uses, but, essentially, they capture and communicate the overall design idea and intent to designers, design teams, clients, and more, in a tangible way.
Word Cloud: A method of information visualization that organizes text-based content into interesting spatial arrangements. Word clouds are “colorful word collages” that show the most frequently used words or word pairs in a text-based source document. They are communicative artifacts for design teams. Observing words related to the app, product, or service in a dynamic arrangement can spark new ideas.
Collage: Collaging allows participants to visually express their thoughts, feelings, desires, and other aspects of their life that are difficult to articulate using traditional means. Patterns and themes across several collages can point out important aspects to focus on.
Photo Study: This technique invites the participant to photo-document aspects of his or her life and interactions, providing the designer with visual, self-reported insights into user behaviors and priorities. Designers can use this insight to identify pain points and develop user-specific solutions.
Journey Map: This technique follows the user along their journey as they utilize an app, product, or service. UX professionals experiencing the journey alongside their users can identify and strategize for key moments in the product, experience, or service.
Final Thoughts
As stated earlier, the amount of ideation techniques available is innumerable. If you are looking for creative ways to generate new ideas, skip Brainstorming and check out the following resources. I’m sure you’ll find something that works perfectly for you.
Six Creative Ways to Brainstorm Ideas by Investis Digital
As a graphic designer, much of my work focuses on the client. My design process entails finding out my client’s design needs and fulfilling those needs in my final deliverable. This process is comparable to the UX Design Thinking process, as my clients can be viewed as users of my graphic design services. Although I never viewed my clients as users of a service I was providing, my perspective of my clients has shifted thanks to a course I recently took in which I learned about the fundamentals of user experience design.
In just seven weeks, I completed ICM512, also known as the Principles of User Experience Design, as part of Quinnipiac University’s Interactive Media and Communications Master’s program. In this course, I “explored the ever-changing processes and methods of user experience design” through lessons and exercises surrounding problem definition, empathy, ideation methods, and more. Here’s what I learned each week.
Week 1: Design Thinking Overview
The five stages of Design Thinking
In week 1, I learned about Design Thinking, a methodology for creative problem-solving, and its relevance today. Design Thinking is encapsulated by five actionable stages: Empathize, Define, Ideate, Prototype, and Test. The Design Thinking process has one key point of focus: the user. It identifies the needs of the user and seeks to meet these needs.
Design Thinking has many benefits. Some of these benefits include helping you gain a deeper understanding of others, encouraging everyone to wear their creative hat, promoting thinking outside the box, and producing one-of-a-kind results.
Exercise: Design Thinking Crash Course
To get hands-on experience in Design Thinking, I partnered with a colleague, Chris, to go through A Virtual Crash Course in Design Thinking, by Stanford University’s Hasso Plattner Institute of Design, also known as the d.school. This crash course “lets you experience one of the d.school’s most popular learning tools.”
This course walked us through a collaborative project called the “Gift-Giving Cycle.” The project consisted of multiple sections that walk students through the basic principles of Design Thinking. Using the d.school’s template, I worked with Chris to redesign a gift he gave his brother for Christmas.
I interviewed Chris about his gift and the reason he gave it, dug deeper, captured my findings, and created a problem statement:
Chris needs a way to encourage other people because he understands that others need support while experiencing difficult life challenges.
After defining the problem, I sketched five ways to meet Chris’s needs, shared my solutions with him, captured feedback, reflected, generated a new solution, and shared with Chris once more. In 90 minutes and 9 steps, his gift transitioned from a bread-making recipe book to utilizing Dreams, a PlayStation game universe, to build a game that Chris and his brother can enjoy playing together.
This exercise was a quick and useful way to put Design Thinking into practice. Here’s a look at some of my steps.
In the second week, I learned what motivates behavior. Believe it or not, products and services evoke emotion, including mine. Emotional engagement is a key factor to consider when designing a product or service because people are emotional. Emotions are powerful. How we feel about a product or service determines how we value it.
Exercise: Feelings About a Product, Service & Device
In my first exercise, I took a look at a selection of my everyday products, devices, and services to assess the way they made me feel. I analyzed my emotional response to three things using the following phrase:
________ makes me FEEL _________ because my NEED for __________ is OR is not being met.
This resulted in three feel/need statements:
Herbal tea makes me feel relaxed because my needs for rest, hydration, and immune support are being met.
Amazon Prime makes me feel satisfied because my needs for accessibility and efficiency are being met.
Vivint’s video doorbell camera makes me feel conscious and informed because my needs for presence and security are being met.
Through this exercise, I learned that when my needs are met I feel content and secure. Because I am content, I have a lasting relationship with each of the products, services, and devices I analyzed. Furthermore, I found that emotions affect a user’s views, interactions, and value of a product or service. Therefore, designers should seek to incorporate emotional design in their work by creating “designs that evoke emotions which result in positive user experiences.” Effective emotional design makes the user’s experience more enjoyable, memorable, and personal.
Exercise: Website Analysis
My second task in week 2 was to complete a website analysis exercise by assessing my emotional response to two websites. I chose to analyze my emotional responses to two websites I visit often, Pexels and Unsplash.
Through the observation of each site’s overall functionality and practicality (UX) and look and feel (UI), I crafted ten feel/need statements per site. I found that I visit Pexels when I am seeking inspiration. Alternatively, Unsplash is my go-to when I want to remain productive and efficient in my workflow.
This exercise revealed that the interface and experience of the website feed directly into the feelings and evoke emotional responses of a user. It was a practical way to gain insight into user psychology and what drives users.
Week 3 addressed empathy. Empathy is the ability to understand and share another person’s thoughts, feelings, and experiences. This is most achievable when we set aside our assumptions, labels, judgments, and preconceived notions. In user experience design, the first stage of the Design Thinking process is “Empathize.” This stage is all about engaging the user’s world, learning about them and their experiences, and finding out their needs and challenges.
In week 3, I learned of multiple practices user experience professionals utilize to empathize with their users. Empathy mapping is a common method used by UX professionals to engage and advocate for their end-users. Empathy maps are a way to gain emotional intelligence and insight from target groups like customers and users. These maps note what a user says, does, thinks, and feels, both implicitly and explicitly, while interacting with a product or service.
Exercise: Undercover Boss Empathy Maps
To put my empathy mapping knowledge into practice, I created my own. Undercover Boss is a unique and innovative way for high-level executives who sit in an office all day to empathize with their on-ground employees. Additionally, this experience is a great opportunity for employees and executives to close the gap between their respective roles and engage one another. While watching an episode of Undercover Boss, I witnessed the paths of two Build-A-Bear Workshop employees cross, Sharon Price John, President and CEO, and Leney, Bear Builder. I created empathy maps for each of them.
My empathy mapping exercise showed me how useful this specific tool and experience can be. It unveiled challenges Sharon’s employees were encountering on the job, simply through observing them complete their daily tasks.
Midway through my course, I created user personas. In user-centered design and marketing, a persona is a profile created to encapsulate user-related research.
Nielsen Norman Group explains that “user personas are fictitious yet realistic representations of your target users. They act as a multipurpose tool used to drive many important product development tasks. Created out of complex user data, personas take on a format that is meaningful and creates user empathy among your development team, ensuring your users are always the focus of your efforts.” User personas are comprised of a user’s demographics, behaviors, goals, motivations, pain points, and everything that defines who the user is as an individual in relation to a product or service.
Exercise: Creating Comprehensive Personas
In this exercise, I returned to my website analysis exercise, choosing to create personas for Pexels users. Following a persona worksheet, I first created a persona for myself, the Driven Designer. I followed by creating a persona for one other user, the Independent Videographer.
Completing a persona worksheet is a great way to organize user research. Personas help user experience professionals keep their users at the forefront of their minds.
Here’s a quick look at some of the research findings pertaining to both of my Pexels user personas.
The second stage in the UX Design Thinking process is called Define. This section of my course covered problem definition. Problem definition is comprised of identifying a specific user problem that needs to be solved. This stage determines what needs to be addressed before committing time and resources to execute other Design Thinking steps, including ideation, prototyping, and testing. This stage encourages fixation on a particular challenge and setting a goal that UX professionals and designers can actively work toward realizing. The result of the define stage is a clear objective, better known as a problem statement.
Exercise: Problem Statements
In my first exercise of week 5, I revisited the Build-A-Bear Workshop of Undercover Boss. Using Aaron Benjamin’s problem statement format, I wrote five problem statements surrounding challenges that were identified throughout the episode.
Crafting problem statements made it clear that defining the problem is a vital step in Design Thinking. Without a solid problem statement, UX designers lack focus, direction, and purpose in meeting their user’s needs. Additionally, a well-formulated problem statement results in an effective solution.
In my second exercise, I was tasked with developing Point Of View statements. In User Experience design, a Point Of View (POV) statement” is a meaningful and actionable problem statement, which will allow you to ideate in a goal-oriented manner.” POV statements help pinpoint a direct need that needs to be met. This assists UX professionals in targeting the need and developing a solution. Instead of attempting to juggle many issues at once with their attention divided, UX professionals remain direct, opting to find a solution for one specific problem at a time.
To develop my own POV statements, I read positive, negative, and constructive reviews from users of three iPad illustration applications, Pexels, SketchBook, and ArtStudio. After taking note of the reviews, I used my research findings to generate two problem statements per app, formatted like so:
Finding ratings and reviews from real users helped me understand how users of a product, service, or application can assist designers and developers by pointing out issues that need solutions. Reviews often lead to a more polished and refined app.
Here are some of the reviews I found for each app, and the POV statements I came up with.
Week 6 was a crash course in the third step of the UX Design Thinking process, Ideate. In this innovative step, teams seek to generate quick and simple ideas that can be transformed into designs later on. Ideation is where you think of various ways to address your user’s needs. Viewing your problem alternatively and thinking outside the box is encouraged. In this stage, it is important to generate multiple ideas instead of focusing on the first idea you come up with. Quantity wins over quality.
First, I created a “How Might We (HMW)” question to identify a current problem needing a solution:
How might we (my husband and I) make working from home more enjoyable?
Next, I chose to cross-pollinate elements from two categories: “Remote Work Elements” and “Vacation Activities.” Finally, I selected a handful of my element combinations to define and develop further into potential solutions.
This exercise was a fun way to think outside the box and come up with wild ideas that would lead to one-of-a-kind solutions. To my surprise, the Mash-Up exercise created the judgment-free environment needed to be unique, inventive, and original in my ideas.
Here’s how my mash-up turned out.
Exercise: Ideation Techniques
My next exercise required me to revisit my POV statements from week 5. After learning about numerous ideation techniques, I chose to experiment with four different techniques to come up with ideas that could lead to solutions for each of my POV statements. For each statement, I used two different ideation techniques.
The ideation techniques I chose were Braindump, Mindmap, Sketch, and Brainwrite. All of the methods I utilized are suitable for individuals and can be effective for a one-person UX team. In my process, I found that some ideation techniques foster and promote creative thinking while others produce more practical, accessible, and concrete results.
Through this exercise, I realized that ideation is one of the more enjoyable stages of the Design Thinking process. It’s a space to stretch thought processes and get creative juices flowing. Ideation makes solution-finding exciting and interesting by fostering an environment void of judgment and criticism and full of “weird, wacky, and wild ideas.”
Here’s a look at my individual ideation techniques in action.
In my final week of ICM512, I learned about journey maps. A journey map is a visualization of the process that a user or customer goes through to accomplish a goal. Additionally, journey maps track how the user feels about their journey along the way. This tool allows designers of a product, service, app, site, or experience to follow their user’s steps and experience their brand as their users would. Journeying alongside the user highlights pain points that designers can target to improve the user experience.
Journey maps come in all shapes, sizes, and colors, and can be created in different ways. Nevertheless, the most important content within a journey map includes a persona, timeline, emotion, touchpoints, and channels.
Exercise: User Journey Map
After learning about the components of a journey map, I put one together myself. Using Adobe InDesign and Flat Icon, I created a journey map to follow the steps of Novice Nova, my user persona.
Nova is a working professional in need of a way to cut back on the time she spends grocery shopping and preparing meals in order to be more productive. She is looking for a meal kit service suitable for her.
This exercise taught me that everyone has a journey unique to them, even in UX design. No two journeys are alike. The exercise also called attention to specific pain points Nova experienced as a first-timer. At the end of the journey, I gathered insights, indicating ways meal kit services can possibly improve Nova’s journey.
Throughout this course, there was one integral piece at the center of every week: the user. User experience design is all about gaining insight into the human perspective. From understanding the audience to identifying problems they may be facing, to generating ideas to solve these challenges, all the way down to the solution, the common denominator is the user. Without the user, user experience design can not be accomplished. In all its processes and stages, user experience design is achieved by remaining mindful of the user’s position and point of view, also known as their experience.
Thanks to this course, As a graphic designer, I am now more equipped to empathize with my clients, identify their needs, think creatively, generate ideas while designing, and come up with distinct, innovative, and refreshing designs that meet my clients’ needs. Even if you are not a UX professional, I’m sure your services meet the needs of a user. I challenge you to assimilate the world of your audience, client, customer, or user.
In life, everyone is on a journey with experiences unique to each individual. Distinct journeys also occur for customers and users in general business and user experience design.
What is a Journey Map?
User experience designers planning and preparing to solve a specific problem. Photo courtesy of UX Indonesia,Unsplash
A journey map is a visualization of the process that a user or customer goes through to accomplish a goal. Journey maps also track how the user feels about their journey along the way. This tool allows designers of a product, service, or experience to follow their user’s steps and experience their brand as their users would. Journeying alongside the user highlights pain points that designers can target to improve the user experience.
How to Create a Journey Map
Journey maps come in all shapes, sizes, and colors. Whether you use sticky notes on a board, draw illustrations, or create an infographic, there are no restrictions on the design of a journey map as long as the information within the map is dissectible and formatted in a way that can be easily followed. Furthermore, every solid journey map covers specific components needed to analyze the user’s journey effectively.
Persona: A character created to represent a specific user. A user persona is a believable figure with a name, face, thoughts, feelings, and characteristics that resemble real users of the product or service.
Timeline: Variable phases within the journey and/or a real timeline including, hours months, etc.
Emotion: Depictions of how the user is feeling within different phases of the journey. Emotion addresses peaks and valleys such as feeling anxious or feeling assured.
Touchpoints: Direct user interactions and actions with the organization. This area notes the actual steps the user is taking.
Channels: The context of use. This is how the user’s actions take place, whether via online browsing, interpersonal discussion, a mobile application, etc.
My Meal Kit Journey Map
This week, I created a journey map on choosing a meal kit service. To view the complete journey map, download the PDF below. For now, I’ll share my user persona, timeline, emotions, actions and channels, and final insights.
Plated meals, similar to the variety of recipes offered by meal kit services.Photo courtesy of Shayda Torabi, Unsplash
Background
A meal kit is a subscription service–foodservice business model where a company sends customers pre-portioned and sometimes partially-prepared food ingredients and recipes to prepare homecooked meals. In the past ten years, the demand for meal kit services has increased in the United States.
Nova is new to the meal kit service scene. She doesn’t know what to look for or expect. In this journey map, we’ll track her steps, assessing her actions, thoughts, emotions, and more. We’ll also find opportunities for improvement.
Persona
A photo to represent the persona of Novice Nova. Courtesy of Karolina Grabowska, Pexels
Novice Nova
Nova is a working professional. She balances a full-time job as a director of communications and a part-time position as an entrepreneur and the CEO of her own organization. Nova commits a great deal of her time and energy to her work. When she’s not working, she’s likely networking.
Recently, Nova realized she would prefer to commit the time she spends recipe researching, grocery shopping, and preparing meals to other things. She wants to eat well-balanced meals and remain productive. In the kitchen, Nova is looking to work smarter, not harder. She would rather think of more meaningful things in place of wondering what’s for dinner.
Timeline
Each phase of Nova’s journey to finding a meal kit service that works for her
Here are the phases of finding a meal kit service:
Consideration: This is Novice Nova’s starting point. In this first phase, Nova realizes that she needs a way to simplify grocery shopping and meal preparation in order to maintain her productivity. She searches for feasible meal preparation alternatives.
Exploration: Once Nova learns about meal kit services, she decides to look into a handful of meal kit service companies. She learns about costs, servings, recipe options, etc., and compares multiple services through reviews online and observations of each service’s online presence. Through hearing about other peoples’ experiences, Nova learns how meal kit services work.
Decision: In this phase, Nova has narrowed down her service. Through last-minute research via multiple channels, Nova’s goal is to select the service that will suit her best. This takes an additional one to two hours.
Sign Up & Selection: Nova progresses in her journey by creating an account using the service’s website and/or mobile app. She takes time to familiarize herself with the site/app and recipes. Finally, she selects the meals she wants to cook for her first order. This step takes 40 minutes to one and a half hours.
Delivery & Trial: Nova is excited to receive her first meal kit order. The wait time for her first delivery is about five to seven days. She tracks her package, and when it arrives, she unboxes and stores the ingredients, prepares her first meal, and eats!
Reflection: In this final phase, Nova has completed her week-long trial. She reflects on her first meal-kit experience by asking herself several questions to assess whether she would like to keep or cancel her subscription.
Emotions
Icons used to represent Nova’s feelings and emotions within each phase of her journey
I used the following emotions to depict Nova’s feeling within each phase:
Neutral: Indifference, Unbothered
Unsure: Hesitant, Needing Clarity
Lost: Disoriented, Overwhelmed
Confident: Ready, Equipped
Optimistic: Hopeful, Expectant
Assured: Comfortable, Secure
Pain Point: A step in the journey that highlights a specific problem the user is experiencing
Actions & Channels
Icons used to represent Nova’s actions and channels within each phase of her journey
Here are Nova’s four go-to actions and channels along the way:
Interpersonal Discussion: Speaking with others to gain insight into their thoughts and experiences regarding various meal kit services
Social Media: Using social media platforms to observe the online presence of different services and find first-hand reviews
Mobile App: Using the selected service’s mobile application to create an account and place orders
Online Browsing: Searching online for research purposes including finding reviews, ratings, online forums, blog posts, and more. Nova also goes online to find, observe, and utilize the meal kit service sites
Final Insights
To help avert some of the pain points that novice meal kit users may encounter, meal kit services can explore the following:
Simplified meal kit information including plans, delivery, etc. so that users are not overwhelmed while stepping into a new experience characterized by meal kit jargon
A one-time introductory kit. The kit can be provided at a lower cost. This can help new users determine if the service is right for them with no strings attached
Explainer videos that offer further insight into the meal kit service process from start to finish
A custom welcome package when a customer orders their first kit. This would help users get acquainted with the practical side of meal kit services more easily instead of receiving a box full of ingredients and having to figure it out
An order breakdown sheet so users know how their separate meals are packaged and how to store them
Recipe videos accessible on the service’s website and/or app to make the cooking experience more seamless
Interaction with the user to gain a direct understanding of what improvements they need. This can look like email surveys, in-app rating requests, customer service check-in calls, etc.
In my last blog post, I touched on Ideate, the third step in the UX Design Thinking process. Ideation is a practice that involves thinking of various ways to address a user’s needs. These potential solutions can seem wild and outrageous. However, it is encouraged to view the problem alternatively, get creative, and think outside the box. In this stage, multiple ideas are generated without judgment or criticism. Additionally, quantity wins over quality. It’s okay to come up with quick, rough, unfinished ideas because, later on, there will be room to build on these ideas. Although our instinctual go-to for formulating new ideas is likely brainstorming, there are many other ideation techniques suitable for individuals and groups.
Video: Six Creative Ways to Brainstorm Ideas by Investis Digital. This video gives brief explanations of the following ideation techniques: Mind Mapping, Right Braining, Provocative Actions, Break & Build, Pessimist vs. Optimist, and Randomness.
Point Of View Exercise
Recently, I completed a Point Of View (POV) Exercise for three different iPad illustration applications: Procreate, Autodesk Sketchbook Pro, and ArtStudio Pro. Reading positive, negative, and constructive reviews from users of these apps gave me insight into the users’ experiences. Once I developed a general understanding of the users’ perspectives, I developed two Point Of View statements per app to directly pinpoint user needs. Below are the POV statements I came up with for each app.
POV statements developed to address the current needs of everyday users of Procreate, SketchBook, and ArtStudio. There are a total of six POV statements, two per illustration app.
Ideation Techniques in Practice
This week, I experimented with four ideation techniques to formulate ideas for solutions to each of my POV statements. For each statement, I used two different ideation techniques. All of the methods I utilized are suitable for individuals and can be effective for a one-person UX team.
My Four Ideation Techniques for Individuals
Braindump: Very similar to the brainstorm technique, braindump is a silent ideation technique achieved individually. With a timer set, participants write down their ideas on sheets of paper, cards, or sticky notes. Generally, it’s important to write down one idea per note. When the time is up, all ideas are posted on one board for further assessment and development.
Mindmap: Mindmapping is a graphical ideation technique that starts with a problem statement in the middle of the page. Participants write related ideas and solutions on the same page in the space around the problem statement. Finally, lines of connectionare drawn between the various ideas on the page. This technique builds a web of relationships.
Sketch: Creating rough sketches of possible solutions is a visual way to generate ideas. Sketching sparks creativity and innovation, things needed for a successful ideation session. The key to the sketch technique is to refrain from committing a lot of time to well-developed sketches. The sketches should be as simple and rough as possible withjust enough detail to convey meaning.
Brainwrite: Brainwriting is a silent ideation technique in which participants write down their ideas on paper. Next, the paper is passed onto another person to elaborate on the idea. After a few minutes, papers are passed on again. This process can be repeated multiple times to build on ideas. Individually, one can create an initial list of general ideas and cycle through the list, revisiting each list item a couple of times to develop their ideas further.
Four ideation techniques that work well for individuals: Braindump, Mindmap, Sketch, and Brainwrite.
Ideating for Procreate
For a quick look into each of my ideation techniques, I’ll share how I crafted ideas to solve both of my Procreate problem statements. For a deeper look into how I utilized these techniques for all three apps, download the ideation technique PDF.
Users that produce detailed projects over a longer period need access to their entire edit history because work can easily be destroyed or deleted permanently with no restorative capabilities.
Braindump
I started each braindump session with a fresh sheet of paper in my sketchbook and a stack of sticky notes. I wrote my POV statement in the top left corner of the page, locating a specific need to focus on: access to the entire edit history of a project. With my timer set to 4 minutes, I wrote all of the general ideas and solutions that came to mind on individual sticky note sheets and spread them out on the page.
In my process, I found that braindumping was a great way to start ideation. Although braindumping may not result in fully developed ideas or solutions, it’s a good starting point. Braindumping helped me organize all of the thoughts floating around in my mind. This technique opened the door for me to expand my ideas using other techniques.
My braindumping session for the first Procreate POV statement. Created using a blank page in my sketchbook, sticky notes, a pen, and a timer set to four minutes.A page from the Ideation Exercise PDF, displaying my Procreate braindump results.
Mindmap
For each of my mindmapping sessions, I took to my iPad. Using a fresh canvas in Procreate (how ironic) I started with my problem statement in the center of the page and worked my way outward with general solution ideas. Once I had my solutions written down, I simplified some of them into functions and capabilities for a deeper understanding of how these features might operate. Next, I drew lines to connect my general ideas to their components and my problem statement. I also drew lines of connection between related ideas and dotted lines between similar capabilities.
Mindmapping turned out to be a more structured way to generate solutions. I was able to organize my ideas, simplify them, create hierarchy, and identify relationships amongst my solutions in a clear and concise manner.
My mindmap session for the first Procreate POV statement. Created using a blank canvas in Procreate.A page from the Ideation Exercise PDF, displaying my Procreate mindmap results.
Procreate POV Statement 2
Users that utilize Procreate regularly need access to external or cloud-based storage because Procreate projects require a lot of memory and can easily max out iPad storage.
Sketch
My sketching sessions consisted of another blank sheet in my sketchbook, a pencil, and a timer set to four minutes. I wrote my second POV statement in the top left corner of the page for reference and started thinking of ways to give Procreate users access to external storage. Once I had a good set of ideas sketched out, I went back and penciled in names and/or short descriptions for each of my sketches.
Sketching was definitely a good way to get me thinking creatively as I drafted new ideas for a problem that seemed to have a straightforward solution. Creating visual representations of my ideas fostered more innovation, allowing me to view things alternatively.
My sketching session for the second Procreate POV statement. Created using a blank page in my sketchbook, a pencil, and a timer set to four minutes.A page from the Ideation Exercise PDF, displaying my Procreate sketched results.
Brainwrite
For my last ideation technique, brainwrite, I decided to write out my solutions in list form utilizing a new note on my iPad. I started by writing down general ideas that could potentially meet the need for external storage. Once I had a solid list of varying ideas, I cycled through my list to build upon each idea with one additional sub-detail. Finally, I cycled through each idea once more to add a little more detail.
Brainwriting assisted me in thinking practically. Adding bullet points beneath each of my general ideas pushed me to question what each solution would look like in a realistic scenario. To me, brainwriting is an ideation technique that produces more concrete and accessible solutions.
My brainwrite session for the second Procreate POV statement. Created by using a new note on my iPad to craft a list. I cycled through each list item two times to build upon my initial ideas.A page from the Ideation Exercise PDF, displaying my Procreate brainwrite results.
Procreate Ideation Results
Overall, I learned that each of my ideation techniques was useful, but I may turn to different ideation techniques for varied reasons. Regardless of the technique I choose, I may end up with alike ideas. However, if I want my ideation experience to be more creative and innovative, I will likely turn to the Braindump and Sketch techniques. For ideas that have more depth and practicality, I would utilize the Mindmap and Brainwrite techniques. Nevertheless, all four of my individual ideation techniques presented me with ideas worth pursuing including adding in a backup feature, history panel, edits panel, iCloud storage, or Procreate cloud storage. Comparing ideation techniques proved that, even in UX design, many roads can in fact lead to one destination.
An overview of my findings while ideating possible solutions for my Procreate POV statements. Most useful techniques include mindmapping and sketching. Possible ideas worth pursuing include adding in a backup feature, history panel, edits panel, iCloud storage, or Procreate cloud storage.
Final Thoughts
Ideation is one of the more enjoyable stages of the Design Thinking process. It’s a space for you to stretch your thought processes and get your creative juices flowing. Seeking a solution for a user’s problem can seem challenging and intimidating. However, ideation makes it exciting and interesting by fostering an environment void of judgment and criticism and full of “weird, wacky, and wild ideas.” The next time you are stuck in a brainstorming loop, try a new ideation technique! It may be unfamiliar, but it will probably turn out to be refreshing and rewarding.
A team brainstorming session. Photo courtesy: fauxels, Pexels
Whenever you and your team need to formulate a new idea, you probably turn to brainstorming first. Brainstorming is a collaborative experience in which individuals share spontaneous ideas as possible solutions to a specific problem. This method, fathered by Alex Osborn, is one of many techniques used to ideate.
Design Thinking Stage 3: Ideate
Ideate is the third step of the UX Design Thinking process.
In UX, Ideate is the third step in the Design Thinking process. First, UX professionals empathize by placing themself in their user’s shoes and gaining insight into the user’s experience. Next, based on the research gathered, UX professionals use their findings to define a problem the user is experiencing that needs a solution. Once this problem is clearly defined, we can move to ideation. In this innovative step, teams seek to generate quick and simple ideas that can be transformed into designs later on. Ideation is where you think of various ways to address your user’s needs. Viewing your problem alternatively and thinking outside the box is encouraged. In this stage, it is important to generate multiple ideas instead of focusing on the first idea you come up with. Quantity wins over quality.
“Ideation is a creative process where designers generate ideas in sessions… Participants gather with open minds to produce as many ideas as they can to address a problem statement in a facilitated, judgment-free environment.”
Although you may be more familiar with brainstorming, additional ideation techniques include sketching, mind mapping, storyboarding, and prototyping. Regardless of the specific method that works for you and your team, ideation is a critical way to tackle challenging problems effectively. Ideation fosters innovation and creativity by creating room to produce ideas beyond your normal range of thought.
IDEO: Brainstorming and Other Ideation Techniques. David and Tom Kelley of IDEO discuss alternatives to traditional brainstorming.
The Mash-Up Method
A new ideation technique I learned this week is called Mash-Up. According to the Innovation Design Engineering Organization (IDEO), a Mash-up is a fun exercise that “brings odd or unexpected things together to spark fresh ideas.” After developing a “How Might We (HMW)” question to identify a current problem needing a solution, Mash-Up encourages you to list elements from two broad, unrelated categories. Next, the activity challenges you to cross-pollinate the list items to develop crazy, new ideas. Finally, you select five of your favorite ideas to name, sketch, and expand on. This method is a quick and entertaining way to think outside of the box.
Using IDEO’s Mash-Up Method Template, I found a few ways my husband and I can make remote work less dull and more pleasant.
My Mash-Up Activity
How Might We Question
How might we (my husband and I) make working from home more enjoyable?
My husband and I both work from home and we share the same home office. Although we are in the same room for the majority of most days, our desks face away from each other. Working remotely requires us to attend numerous virtual meetings, chat back and forth with coworkers and clients, respond to emails punctually, and be available for a phone call at any time.
To keep up with the pace, we often find ourselves skipping breaks and working overtime to ensure that the people we work with feel that we are present and maintaining our responsibilities promptly. My husband and I agree that we do not take enough breaks during the workday. Additionally, we do not take enough time off. Therefore, we need to find ways to make our work experiences less draining and more exciting. We also want to be intentional about scheduling breaks throughout the day.
Cross-Pollinating my Categories
In an attempt to combine productivity with relaxation, I chose the following two categories: “Remote Work Elements” and “Vacation Activities.” Combining elements from both categories made the activity interesting and exciting.
Cross-pollinating items from my list of remote work elements with vacation activites.
My five favorite cross-pollinations were “Deadline Picnic,” “Lunch Break Driving,” “Desk Massage,” “Home Office Beach,” and “To-Do List Dancing.” To view sketches for all five, download the activity PDF. I’ll go ahead and share two.
A sketch of an at-home celebratory deadline picnic on our deck.
When I or my husband meet a significant deadline at work, the other person will organize an at-home picnic in our dining area or on our deck. This activity can become a household ritual and a way to recognize one another’s accomplishments.
Our meal times often overlap with work activities, which causes us to throw quick meals together or eat one-too-many snacks. Furthermore, we tend to bring our food to our desks instead of leaving our desks to eat our food. Utilizing a specified space within our home and being more intentional about our meal choices will help us maintain the balance we need between work and other activities, even ones as simple as meals.
9O: FIVE-MINUTE MASSAGES [DESK + MASSAGE]
An example of giving your spouse a massage mid-workday while they are seated at their desk.
My husband and I can take five-minute breaks throughout the workday to alternate, giving one another quick shoulder and back massages. This activity will ease some of the mental and physical stress brought on by sitting in the same spot and working intensely for long periods.
Quick massages are another creative way to take a breather from the ongoing anxiety that working from home may foster. My husband and I both work full-time jobs. We are also in school, freelancing in design, and pursuing our own creative endeavors daily. All of this time seated at our desks, staring at our computer screens adds up. Altogether, we need to be more deliberate in finding ways to allow our bodies to relax and release tension, even if we can only spare the time in five-minute intervals.
Final Thoughts
I was not sure what to expect when completing my Mash-Up activity. Developing my HMW question, two categories, and 15 list items per category were challenging because I did not want to end up with unworkable solutions. To my surprise, the Mash-Up exercise created the judgment-free environment needed to be unique, inventive, and original in my ideas.
“Creative spaces don’t judge. They let the ideas flow, so that people can build on each other and foster great ideas. You never know where a good idea is going to come from, the key is make everyone feel like they can say the idea on their mind and allow others to build on it.”
In ideation, no idea is a bad idea. Ideation should foster a playful, innovative, and creative space. If you have been tossing the same two or three redundant ideas back and forth, it may be time to try a new ideation technique to get the ball rolling. Step outside of your comfort zone and you’ll learn that ideating is a fun way to stretch your mind, ignite your imagination, and craft one-of-a-kind solutions.
Three illustrations created using Procreate, Autodesk Sketchbook Pro, and ArtStudioPro.
Before you make reservations at a restaurant, order an item from Amazon, book a room at a hotel, or download a new app, you’ll likely read reviews about it. Customer reviews and user ratings are real-life evaluations of things we access and utilize daily, including video games, applications, products, services, and more. Reviews and ratings are ever-desired and highly regarded, so much so that people search for the opinions of others via review apps and websites, online forums, Youtube videos, and more. Additionally, reviews are coveted by those who supply and modify a product or service, such as UX professionals, designers, and developers. From a potential user to a developer, everyone wants to know what works well and what needs reworking.
How Reviews Benefit Developers
In UX, user reviews of an application can be useful for developers. Users often find bugs and other issues that developers may not have spotted. Through reviews, these problems are brought to developers’ attention and are likely to be addressed in the next app update. Furthermore, some users of a particular app may have experience with, or exposure to, similar competitor applications. In this case, users have a good idea of whether the user interface is well designed, functional, intuitive, and makes sense for today’s users. Reviews give insight into a user’s personal experience with the application. This helps developers understand the current needs of their users and adjust the app accordingly. Lastly, some review platforms provide an active line of communication between the user and the developer. Users can leave a review about a specific problem they are experiencing with the expectation that they will receive a response from the developers. Once their questions are answered, issues are addressed, and needs are met, they can update their review to reflect their most recent thoughts and experience concerning the application.
Point of View Statements
Gaining insight into a user’s experience is all about understanding their vantage point. In User Experience design, a Point Of View (POV) statement” is a meaningful and actionable problem statement, which will allow you to ideate in a goal-oriented manner.” POV statements help pinpoint a direct need that needs to be met. This assists UX professionals in targeting the need and developing a solution. Instead of attempting to juggle many issues at once with their attention divided, UX professionals remain direct, opting to find a solution for one specific problem at a time.
POV statements combine three components – the user, the need, and the insight. A Point Of View statement is formatted in the following manner:
This week, I reviewed three iPad illustration applications and completed a Point Of View statement exercise for each app. Utilizing Apple’s app store, I looked up three positive, negative, and constructive (also known as suggestive) reviews left by real-life Procreate, Autodesk SketchBook Pro, and ArtStudio Pro users. Positive reviews are left by users that are generally pleased with the app. They likely enjoy the app and are still making use of it. Negative reviews are left by users who are dissatisfied. Maybe they do not agree with the cost of the app, the app does not meet their expectations, or they found something better. Constructive reviews could have positive, negative, or so-so undertones. These reviews offer up meaningful suggestions and ideas of things they would like to see improved. After reading multiple reviews of each kind, I used my findings to create two POV statements per app.
If you would like to view the entire exercise, feel free to download the PDF here.
For now, here’s what I did for Procreate, my favorite of the three.
Procreate sample illustration. This is one of four example artwork pieces that come with the app. (Cropped and overlaid with text by me)
Procreate: Overview
Procreate app detailsin the Apple store
Stats
Overall Rating: 4.5 stars
Rating Total: 22K
Cost: $9.99 one time
Awards: Editor’s Choice App
Chart: #1 Graphics & Design
Descriptions
Wikipedia: “Procreate is a raster graphics editor app for digital painting developed and published by Savage Interactive for iOS and iPadOS. Designed in response to the artistic possibilities of the iPad, it was launched on the App Store in 2011.”
App Store Excerpt: “Loved by creative professionals and aspiring artists alike, Procreate us the leading creative application made for iPad. Offering hundreds of handmade brushes, a suite of innovative artistic tools, an advanced layer system, and the lightning fast Valkyrie graphics engine, Procreate gives you everything you need to create expressive sketches, rich paintings, gorgeous illustrations and beautiful animations. Work on the couch, on the train, at the beach, or while waiting in line for coffee. It’s a complete art studio you can take anywhere; packed with powerful features.”
Positive Reviews
Three recent positive reviews of Procreate from a novice enthusiast, loyal customer, and design professional.
Negative Reviews
A few negative reviews from a user who has no use for the app, a user that claims Procreate is too complicated, and a user experiencing app crashes.
Constructive Reviews
Multiple Procreate reviews with varied ratings, offering suggestions on how to improve the app.
Procreate Point of View Statements
Users that produce detailed projects over a longer period need access to their entire edit history because work can easily be lost, destroyed, or deleted permanently with no restorative capabilities. Some of the constructive reviews addressed something I have experienced before – losing work. If you make edits to a project and exit the project to return to Procreate’s project gallery, the next time you open your project you will not be able to utilize the undo button to restore past work. The undo and redo buttons are only applicable during the user’s current working session. This is an easy way to make irrecoverable mistakes. Similarly, if you accidentally delete the entire project there is no way to recover it from the trash.
Users that utilize Procreate regularly need access to external or cloud-based storage because Procreate projects require a lot of memory and can easily max out iPad storage. Since procreate requires a lot of space, the only way to create space on your iPad and maintain your working files is to export the layered file and send it to yourself to store elsewhere (like your computer or external hard drive). This is tedious because transferring the files over to your storage destination is not a smooth process. It requires time and resources. Considering that Procreate is created for the iPad, if procreate was integrated with iCloud like other apps, users would be able to transfer their work over to the cloud and access it effortlessly.
Final Thoughts
Leave your own ratings and reviews! Publishing your thoughts and opinion helps other users determine if the product, service, or app will be suitable for them. Furthermore, reviews highlight problem areas for designers and developers to evaluate. Your review may lead to a more polished and refined app. Your two cents add up! After all, the customer is always right.