User centered

An illustration of a user flow diagram for a mobile app is depicted. The diagram features various screens, each representing different stages of user interaction. One screen shows a home page with icons for navigation. Connected to it, another screen illustrates a settings menu with toggle switches and options. A third screen displays a profile section with editable fields. Arrows are used to indicate the flow between these screens, highlighting the pathways a user might take. The background consists of gradient pastel colors that enhance the overall visual appeal. Each screen is neatly labeled with brief descriptions of the functions.A focus group of six individuals is seated around a rectangular wooden table, actively discussing a new product. Each person has a notepad in front of them, filled with notes. A man with short black hair and glasses is speaking animatedly, while a woman with curly brown hair looks thoughtfully at him. On the table, there is a white box containing the product, along with several colorful brochures. The atmosphere is engaged, with a diverse group including one person with a light blue shirt, another in a bright yellow dress, and others in varying business casual attire. A large window in the background allows soft natural light to illuminate the scene.A teal designer is sitting at a white desk, intently working on detailed user persona cards. Each card features unique illustrations and text, showcasing various user characteristics. Surrounding the designer are vibrant materials, including colorful sticky notes, markers, and fabric swatches in multiple shades. The desk is organized, with a laptop positioned to the side displaying design software. The designer appears focused, with a thoughtful expression as they adjust one of the persona cards in front of them.A modern pastel illustration depicting a group of four users seated around a circular table. Each user has a laptop open in front of them, displaying a product image on the screens. One user, a woman with curly hair, is holding a notepad and smiling as she speaks. Another user, a man with glasses, is nodding in agreement while sharing his thoughts. The third user, a woman with straight hair tied back, is typing on her laptop, listening attentively. The fourth user, a man with a beard, is leaning back in his chair with a thoughtful expression. The background has colorful plants and soft lighting, creating an inviting atmosphere. A few coffee cups are placed on the table.A digital flat illustration featuring a remote design workshop scene. In the center, a large computer screen displays multiple participants' video feeds, showing a diverse group of individuals. The participants are engaged, with some smiling and others taking notes. On the left side of the screen, a participant with light brown hair wearing glasses is speaking animatedly. On the right, a participant with dark skin and curly hair is nodding in agreement. Below the screen, a wooden table is cluttered with design materials, including sticky notes, a sketchbook, and colored markers. A coffee cup sits beside the sketchbook. In the background, a wall is decorated with colorful design posters and a plant in a pot adds a touch of greenery to the workspace.A group of designers is engaged in a design sprint. They are seated around a large table cluttered with various sketches and notes. Each designer is focused on their individual tasks, with some discussing ideas while others are busy drafting concepts. There are colorful sticky notes scattered across the table, each bearing different annotations. A large whiteboard stands in the background, filled with flowcharts and diagrams. The atmosphere is dynamic and collaborative, with a sense of energy and creativity evident among the participants.A service blueprint diagram displayed prominently on a wall. The diagram includes various elements such as the "user interactions" section showcasing different touchpoints. Lines and arrows connect each step, illustrating the flow of service. There are detailed descriptions of "frontstage" and "backstage" actions, clearly labeled for easy understanding. Additionally, icons represent different user actions and service processes, contributing to a comprehensive visual representation of the service experience. The wall is a neutral color, making the diagram stand out effectively.A participant sitting at a table with a digital device in front of them, engaged in usability testing. The participant, a young adult with short hair, is looking intently at the screen while holding a pen and taking notes. Across the table, a designer is seated, wearing glasses and a patterned shirt, listening attentively. The designer has a notepad in front of them, ready to jot down the feedback. The environment is bright and organized, with a few design sketches pinned on the wall in the background.A group of four designers is gathered around a large digital board. They each have different hairstyles and clothing styles, showcasing their individuality. The digital board is filled with colorful sketches and notes, displaying various design ideas. One designer is pointing at a particular sketch, while another is taking notes on a tablet. The atmosphere is collaborative, with bright lighting highlighting the board and the designers' focused expressions. A few design tools like markers and sticky notes are scattered on the table nearby.A digital flat illustration depicting a lively design workshop. The scene includes a large rectangular table at the center, surrounded by diverse participants engaged in collaboration. There are four individuals: a woman with curly black hair wearing glasses, a man with a shaved head holding a sketchbook, a woman with straight brown hair wearing a red blouse typing on a laptop, and a man with wavy blond hair sketching on a notepad. Colorful sticky notes and design materials are scattered across the table. A large whiteboard in the background features various brainstorming ideas and sketches. The atmosphere conveys energy and creativity as the participants interact and share ideas.A group of people is gathered around a table, actively testing a digital prototype using tablets and laptops. Each individual has a device in front of them, with their screens displaying various interface elements of the prototype. One person is pointing at their tablet screen, discussing a feature with another person who is taking notes on a laptop. The atmosphere is focused and collaborative, with some people exchanging ideas while others are engaged with their devices. The table is cluttered with additional notes, sketches, and beverages, indicating a longer session of discussion and feedback.A designer is seated at a desk, intently comparing competitor products displayed on a large screen. The screen is filled with various data charts, including bar graphs, line graphs, and pie charts, showcasing metrics such as sales figures and market trends. The designer has a focused expression, with a notepad and pen in hand, jotting down observations. The workspace is organized, with a laptop beside the desk, and a few design mockups scattered around. Bright overhead lighting illuminates the scene, emphasizing the details of the charts and the designer's concentration.A designer is sitting at a modern desk, focused on a computer screen filled with various colorful graphs and charts. The designer has short brown hair and is wearing glasses, appearing engaged in their work. There are sticky notes scattered around the desk, with some notes visible that contain handwritten ideas. A cup of coffee sits beside the computer, adding to the workspace atmosphere. The walls behind the designer are adorned with design sketches and inspirational quotes. The overall scene conveys an active environment of creativity and analysis.A flowchart is displayed on a white background, showcasing interconnected boxes and arrows that represent the steps a user takes in an application. The flowchart includes clearly labeled boxes in different colors, each containing steps such as "Log In," "Select Feature," "Input Data," and "Submit." Arrows connect the boxes, guiding the viewer's eye through the process. Alongside the flowchart, icons representing each step, such as a key for "Log In," a gear for "Select Feature," a clipboard for "Input Data," and a checkmark for "Submit," add visual clarity. The overall composition is organized and easy to follow.A designer is seated at a desk, intently focused on revising sketches and mock-ups. The designer has a pencil in one hand and is making adjustments to a large sheet of paper laid out in front. Crammed in various corners of the desk are numerous crumpled papers, some resting on top of each other while others are strewn across the surface. A computer monitor displays an open design software program, and sticky notes are positioned around the workspace. The overall scene conveys a sense of creative chaos.A large whiteboard is mounted on the wall in an office, filled with colorful sticky notes and handwritten text. The top of the board features several "problem statements" written in bold black marker, detailing various challenges. Below each problem, there are "potential solutions" written in blue and green ink, corresponding to the problems above. A few diagrams and flowcharts are drawn in the margins, illustrating complex ideas. In the foreground, a wooden table with a laptop and a cup of coffee is visible, adding to the office atmosphere. A potted plant sits on the table, bringing a touch of greenery to the space.A digital studio featuring a modern workspace with a sleek desk, a large monitor displaying design files, and various design tools scattered around. A designer, wearing glasses and a casual shirt, is handing over a USB drive to a developer, who is seated at the desk, focused on the screen. The developer is dressed in a graphic tee and has a laptop open beside them. The studio is illuminated by soft, ambient lighting to create a productive atmosphere. On the walls, there are design mood boards and sketches pinned up.A designer is seated at a large table, focused on creating an "Empathy Map" on a sheet of white paper. The map is divided into several sections, each labeled with different user personas. In each section, there are illustrations representing a diverse range of individuals, showcasing various attributes like age, gender, and interests. Surrounding the map are colorful sticky notes with insights and observations written on them, some featuring icons like light bulbs and hearts. Tools like markers, pens, and digital devices are also present on the table, indicating an active design process. A bright window in the background lets in natural light, enhancing the energetic atmosphere of the workspace.A designer is sitting at a wooden table, sketching web app wireframes on a sheet of paper. The designer is focused, with a pencil in hand, and is using a ruler to create straight lines. Various wireframe sketches are visible on the paper, showcasing layouts for a mobile interface and a desktop version. There are additional sheets of paper scattered around, some featuring annotations and ideas. On the table, there are several pencils of different sizes and a ruler placed next to the sketches. The surrounding environment includes an organized workspace, with small objects like sticky notes and a coffee mug, contributing to the creative atmosphere.A teal tablet is propped up on a sleek white table. The screen of the tablet displays a colorful interactive prototype with various buttons and icons. In front of the tablet, a pair of hands, one with red painted nails and the other with a blue watch, are tapping on the screen to test the features of the prototype. A measuring tape and a small notepad with a yellow pen are positioned next to the tablet, indicating the testing process. Soft shadows fall across the table, highlighting the focus on the prototype.A group of individuals is gathered around a large white table, each person focused on sorting an array of colorful cards. The cards are laid out in front of them, displaying various features labeled in clear text. Each participant is actively engaged, some holding cards while others are pointing to specific ones on the table. A stack of cards is visible in the center, waiting to be categorized. The setting appears bright and collaborative, with expressions of concentration on the participants' faces as they discuss and organize the cards into distinct categories.A designer is sitting at a sleek, modern desk, observing a user interacting with a new tech product. The user, a young adult, is engrossed in using a tablet with a bright, colorful interface. The room is filled with natural light streaming in through large windows and features potted plants in the corners. The walls are adorned with inspirational design sketches, and a comfortable chair is placed nearby. The designer takes notes on a notepad, watching intently as the user gestures with their hands, demonstrating their engagement with the product. The atmosphere is lively and focused on the interaction.A designer is seated at a modern workstation, focusing intently on a computer screen displaying a website. Beside the designer, a visually impaired person is using a smartphone with a screen reader app. The designer gestures towards the screen, explaining the features as the visually impaired person listens attentively, nodding in response. Various design tools and accessibility-related materials, such as printed braille text and color contrast charts, are scattered across the desk. The room is bright and filled with a sense of collaboration and innovation.A large white wall displaying a storyboard in progress. The storyboard features several panels, each illustrating different scenes of a user interacting with a product. The first panel shows a user picking up the product, while the second panel depicts them examining it closely. The third panel captures the user using the product, with a focused expression. Each panel is outlined in black, and there are colorful markers scattered around the bottom of the storyboard, alongside some sticky notes with brief annotations.A user journey map spread across a table. The map features various user paths illustrated with arrows and lines connecting multiple touchpoints. Each touchpoint is clearly labeled with specific details, including user actions and emotions. The table is organized with different sections highlighting phases of the journey, such as awareness, consideration, and decision. Additional elements like icons representing digital and physical interactions are present throughout the map, providing a comprehensive view of the user experience.A designer sitting at a wooden desk with a laptop open in front of them. The designer has short, brown hair and is wearing a casual blue shirt. Around the desk, there are three diverse users: one user is a middle-aged woman with curly black hair and glasses, another is a young man with straight dark hair, and the third is an elderly man with gray hair and a beard. They are engaged in conversation, with thoughtful expressions on their faces. The cozy office has warm lighting, a bookshelf filled with design books on one side, and a large window letting in natural light, revealing a view of trees outside. A potted plant is placed on the desk, adding a touch of greenery to the setting.A team of four designers is gathered around a large whiteboard filled with colorful sticky notes. The first designer, a woman with curly black hair, is pointing at a bright yellow sticky note while discussing her idea. To her right, a man with short brown hair is writing on a blue sticky note. In the foreground, a woman with straight red hair is placing a green sticky note on the board. On the left, a man with glasses is leaning against the wall, observing the brainstorming session while holding a notebook. The room is well-lit, and there are design sketches and a digital tablet on a nearby table.A vibrant 3D icon depicting a group of diverse individuals sitting at computers, engaged in a discussion about user experience improvements. Each person is focused on their screens, displaying colorful graphs and user interface designs. Speech bubbles are emerging from the individuals, showcasing snippets of ideas and suggestions. The setting is lively, with elements like coffee cups and notepads scattered on the desks, indicating a collaborative atmosphere.A cluttered desk filled with scattered research papers, colorful markers in various shades, and a sleek laptop displaying data on the screen. The papers have graphs and charts visible, while the markers are positioned haphazardly next to the laptop. A coffee cup is placed at the edge of the desk, and a sticky note with reminders is stuck to the laptop. There are also a few books stacked on one side, adding to the busy atmosphere of the workspace.Three screen mockups are displayed side by side, each showcasing a website on different devices. The first mockup features a desktop computer with a large monitor displaying a vibrant homepage filled with content blocks and images. The second mockup shows a tablet, displaying a responsive layout that adjusts to the smaller screen, featuring a clean navigation menu. The third mockup is of a smartphone, illustrating the compact version of the website, with stacked elements for easy scrolling. Each device is set against a soft gradient pastel background that complements the design of the website.
コミュニティ内で何も見つかりませんでした