Page 206 - Design Thinking C11
P. 206

Storyboarding is another valuable tool in UCD, where designers visually map out the journey of each persona
              as they interact with the product. A storyboard captures the flow of the user experience, showing key steps
              and moments of interaction to provide insight into the user’s perspective. For instance, with the Zomato app:

              l   A storyboard for the Busy Professional might show a morning routine where they quickly order lunch from
                  their phone to save time during a packed day. For example,


                                     ™   Description: Riya is getting ready for work, reviewing her day’s schedule on
                         Scene 1:        her phone. She sees back-to-back meetings and realizes she won’t have time
                      Morning Rush       to step out for lunch.
                        (8:30 AM)    ™   Action: She opens her food delivery app as she’s brushing her hair.
                                     ™   Goal: To pre-order a quick, healthy lunch in advance.


              l   The  Food  Enthusiast’s  storyboard  could  depict  an  evening  scene
                  where they browse restaurant reviews and plan a weekend meal
                  with friends, showcasing the app’s social and discovery features.
              l   For  the  Health-Conscious  Diner,  the  storyboard  may  highlight  how
                  they use filtering options to select restaurants that meet their dietary      The very first Graphical
                  preferences, emphasizing the importance of health-oriented features.           User Interface (GUI)
                                                                                                was developed by Xerox
              By laying out these journeys, storyboards help designers understand how           PARC in the 1970s and
              various users would realistically use the app in their daily lives. This process   was called the Xerox
              uncovers opportunities to refine interactions, remove friction points, and        Alto. Although it never
              enhance features to make the experience more seamless and satisfying.
                                                                                                 became a commercial
              In  combination,  user  personas  and  storyboarding  bring  the  user’s  voice   success, it inspired Steve
              into  the  design  process,  ensuring  that  every  feature  and  interaction  is   Jobs, who later integrated
              meaningful, targeted, and aligned with real-world needs. This approach           similar ideas into Apple’s
              empowers designers to create products that are not only functional but also      Macintosh, making GUIs
              deeply relevant to users, fostering long-term engagement and satisfaction.        popular and accessible to
                                                                                                   everyday users!
              Principles for Designing a User Interface
              Effective user interface (UI) design is founded on principles that ensure the interface is functional, usable, and
              enjoyable. By following these principles, designers may create intuitive interfaces that assist users in achieving
              their goals. Here are some key principles for UI design:


                                                                                  Create
                                                             Keep the           Consistency
                                         Know Your           Interface           and Use
                                            User
                                                              Simple           Common UI
                                                                                 Elements



                                                  Strategically           Be
                                                   Use Colour        Purposeful in
                                                   and Texture        Page Layout


                                            Use
                                         Typography
                                          to Create           Provide          Be Forgiving
                                        Hierarchy and        Feedback
                                           Clarity


                          Design Thinking and Innovation XI
                204
   201   202   203   204   205   206   207   208   209   210   211