--- title: How the Mock-Up Process Helps Us  Better Design for the Client’s Workflow description: "Current and future state mapping: we walked through the processes for two typical situations: a scheduled well visit and an unscheduled sick visit." image: https://blog.array-architects.com/hubfs/Array_DesignCharette.png --- [Array Architects](http://www.array-architects.com/) - Firm - [Mission](http://www.array-architects.com/mission/) - [People](https://array-architects.com/people/) - [Practice Areas](http://www.array-architects.com/practice-areas/) - [Leadership](https://array-architects.com/leadership/) - [Locations](http://www.array-architects.com/locations/) - [Contact](http://www.array-architects.com/contact/) - [Careers](http://array-architects.com/careers/) - [Press Releases](https://array-architects.com/press-releases/) - [Service Lines](http://www.array-architects.com/portfolio/) - [Advisory Services](http://array-architects.com/advisory-services/) - [Lean Process Led Design](http://array-architects.com/service-lines/lean-process-led-design/) - [Simulation](http://array-architects.com/service-lines/simulation/) - [On the Boards](http://www.array-architects.com/service-lines/on-the-boards/) - [Healthcare Planning](http://www.array-architects.com/service-lines/master-planning/) - [Ambulatory Care Centers](http://array-architects.com/service-lines/ambulatory-care-centers/) - [Ambulatory Surgery Centers](http://www.array-architects.com/service-lines/ambulatory-surgery-center/) - [Behavioral Health](http://www.array-architects.com/service-lines/behavioral-health/) - [Diagnostic & Treatment](http://www.array-architects.com/service-lines/diagnostic-treatment/) - [Emergency Departments](http://www.array-architects.com/service-lines/emergency-departments/) - [Inpatient](https://array-architects.com/service-lines/patient-rooms/) - [Greenfield](http://www.array-architects.com/service-lines/greenfield/) - [Intensive Care](http://array-architects.com/service-lines/intensive-care/) - [Interior Design](https://array-architects.com/service-lines/interior-design/) - [Laboratory](http://array-architects.com/service-lines/laboratory/) - [Long-Term Care / Skilled Nursing](http://www.array-architects.com/service-lines/ltch-snf/) - [Medical Office Building](http://www.array-architects.com/service-lines/medical-office-building/) - [Oncology](http://www.array-architects.com/service-lines/oncology/) - [Pediatric](http://www.array-architects.com/service-lines/pediatric/) - [Rehabilitation](http://www.array-architects.com/service-lines/rehabilitation/) - [Surgery](http://array-architects.com/service-lines/surgery/) - [Wellness](http://www.array-architects.com/service-lines/wellness/) - [Women’s Services](http://www.array-architects.com/service-lines/womens-services/) - Knowledge - [Design Books](http://www.array-architects.com/design-books/) - [Case Studies](http://array-architects.com/case-studies/) - [Thought Leadership](http://array-architects.com/publications/) - [Designs Delivered](http://array-architects.com/designs-delivered/) - [Videos](https://array-architects.com/videos/) - [Blog](https://blog.array-architects.com/kc) Search ![MCI-Blog-Hero-Banner](https://blog.array-architects.com/hs-fs/hubfs/MCI-Blog-Hero-Banner.png?width=1600&name=MCI-Blog-Hero-Banner.png "MCI-Blog-Hero-Banner") # Welcome to our Knowledge Community # [How the Mock-Up Process Helps Us  Better Design for the Client’s Workflow](https://blog.array-architects.com/kc/how-the-mock-up-process-helps-us-better-design-for-the-clients-workflow) Posted by [Guest Contributor](https://blog.array-architects.com/kc/author/guest-contributor) on Sep 05, 2019 Array was recently engaged to work on a new primary care clinic for a pediatric health system. The clinic will function as the headquarters for primary care and will host 30 exam rooms. The users wanted to take a closer look at their registration and check-in process to see how they can best optimize their workflows in the new space. Drawing from our [considerable experience using mock-ups](https://blog.array-architects.com/kc/mock-ups-provide-true-sense-of-size-functionality) to achieve similar goals in other projects, we immediately began the mock-up process.  In true Lean fashion, we started with a session mapping current and future state workflows for the registration and check-in area. We walked through the processes for two typical situations: a prescheduled well visit and an unscheduled sick visit. Through this mapping, we were able to determine the key physical components and processes that the registration area should include and address. These included all registration and check-in materials, including future technologies they hope to incorporate down the road; the process of checking a patient in, and the longer process of registering a new patient. With these processes in mind, we were able to think much more strategically about the design of both the registration desk itself and the flow of the area overall.   ![5439.01 - Registration Process Map for Review CP](https://blog.array-architects.com/hs-fs/hubfs/5439.01%20-%20Registration%20Process%20Map%20for%20Review%20CP.jpg?width=600&name=5439.01%20-%20Registration%20Process%20Map%20for%20Review%20CP.jpg) The next step in the mock-up process was the design phase. We used internal design charette, an iterative, collaborative session of brainstorming and sketching to quickly come up with different design options for the registration desk. We took the basic programmatic elements, such as the number of people needed to work at the desk, as well as the required physical components and processes identified in the mapping session as a starting point for our design. The team then proceeded to create a series of quick sketches. The objective of this exercise was to come up with a variety of options for the registration desk within the space. Once we felt that our desk design was well developed, the next step was to consider the non-physical components of the design, the processes.   It's critical to think about how the space will be used and how people will interact with and move around the desk. In order to test our current design, we referred to the mapping exercise to sketch out some of the movements and interactions of visitors as well as clinic staff. It quickly became apparent that some of the activities such as patient consultations would not be possible in the new configurations we had created due to privacy concerns. We went back to the drawing board to rearrange the desk and provide a better location for patient consultations. This iterative design process went through several cycles of changes as we tackled various aspects of the design, including check-in, privacy, staff collaboration, and staff-patient engagement. The charette allowed us to take what we learned from the mapping exercise and start to convert our programmatic requirements and processes into design elements.  ![Array_DesignCharette](https://blog.array-architects.com/hs-fs/hubfs/Array_DesignCharette.png?width=600&name=Array_DesignCharette.png) After several rounds of internal charettes, we came to a final preliminary design for the registration area and moved forward with constructing a full-size cardboard mock-up on site. We also mocked up the walls immediately surrounding the desk and taped out where seating started and where the elevator was to help the users really get a sense of what the space will feel like. The desk was constructed in modular units, essentially one unit for each person who would be working at it. This allowed us to rearrange the desk as we worked through simulations with the client. This modularity proved to be key to the mock-up’s success. Rearrangement of the desk allowed the design team to make real-time updates based on the client's feedback. This allowed the client to feel more confident in the design and to have a sense of ownership over the final product in a way that is more effective than typical renderings or floor plans.   ![Array_Mock-up Before-Photos](https://blog.array-architects.com/hs-fs/hubfs/Array_Mock-up%20Before-Photos.png?width=600&name=Array_Mock-up%20Before-Photos.png) ![Array_Mock-up After Photos](https://blog.array-architects.com/hs-fs/hubfs/Array_Mock-up%20After%20Photos.png?width=600&name=Array_Mock-up%20After%20Photos.png)The users of this new pediatric primary care clinic will feel more confident in the success of their registration space because of this process. They will know that their registration area was designed with their usage and workflows in mind and that it will be able to grow with them as their practice changes and expands. Mock-ups are a useful design tool that not only help us problem-solve as designers, but also help us to communicate our design ideas to our clients.   Learn more about Array’s approach to pediatric healthcare design.  [https://array-architects.com/design-books/pediatrics](https://array-architects.com/design-books/pediatrics)    Topics: [mock-ups](https://blog.array-architects.com/kc/topic/mock-ups), [Process-Led Design](https://blog.array-architects.com/kc/topic/process-led-design), [pediatric design](https://blog.array-architects.com/kc/topic/pediatric-design) - [Tweet](https://twitter.com/share) ### Subscribe to New Articles ### Latest Tweets [Tweet to @ArrayArch](https://twitter.com/intent/tweet?%20%20%20via=arrayarch) ### Posts by Contributor - [Alec Higinbotham (4)](https://blog.array-architects.com/kc/author/alec-higinbotham) - [Cheryl Woo (2)](https://blog.array-architects.com/kc/author/cheryl-woo) - [Craig Meaney (1)](https://blog.array-architects.com/kc/author/craig-meaney) - [Dan Cadden (1)](https://blog.array-architects.com/kc/author/dan-cadden) - [Darren Conlen (2)](https://blog.array-architects.com/kc/author/darren-conlen) - [Elizabeth Schmitt (1)](https://blog.array-architects.com/kc/author/elizabeth-ochal) - [Fady Barmada (2)](https://blog.array-architects.com/kc/author/fady-barmada) - [Guest Contributor (207)](https://blog.array-architects.com/kc/author/guest-contributor) - [Hannah Berman (2)](https://blog.array-architects.com/kc/author/hannah-vought) - [Herman Agoyo (1)](https://blog.array-architects.com/kc/author/herman-agoyo) - [James Britt (2)](https://blog.array-architects.com/kc/author/james-britt) - [Jonathan Bykowski (14)](https://blog.array-architects.com/kc/author/jonathan-bykowski) - [Julia Savastinuk (1)](https://blog.array-architects.com/kc/author/julia-savastinuk) - [Kent Doss (17)](https://blog.array-architects.com/kc/author/kent-doss) - [Laura Moran (13)](https://blog.array-architects.com/kc/author/laura-moran) - [Lisa Lipschutz (10)](https://blog.array-architects.com/kc/author/lisa-lipschutz) - [Mike Ryley (1)](https://blog.array-architects.com/kc/author/mike-ryley) - [Nancy Erb (1)](https://blog.array-architects.com/kc/author/nancy-erb) - [Nicole Wood (6)](https://blog.array-architects.com/kc/author/nicole-wood) - [Noah Tolson (12)](https://blog.array-architects.com/kc/author/noah-tolson) - [Pat Malick (15)](https://blog.array-architects.com/kc/author/pat-malick) - [Ron Evitts (2)](https://blog.array-architects.com/kc/author/ron-evitts) - [Stephanie Story (4)](https://blog.array-architects.com/kc/author/stephanie-story) - [Tim Nichols (3)](https://blog.array-architects.com/kc/author/tim-nichols) - [Wendy Jaffe (1)](https://blog.array-architects.com/kc/author/wendy-jaffe) See All ![Array](https://blog.array-architects.com/hs-fs/file-605823977-png/images/footer-logo.png "Array") - [Advisors](http://www.array-advisors.com/) - [Analytics](http://www.array-analytics.io/) - [Contact](http://www.array-architects.com/contact) - [Locations](http://www.array-architects.com/locations) - [Careers](http://www.array-architects.com/careers) - Login - [Outlook Web](https://outlook.office365.com/) - [Info Exchange](https://newforma.arrayhfs.com/userweb) - [OpenAsset](https://array.openasset.com/) - [Vision](https://vision.array-architects.com/visionclient) - [K2](https://arrayarchitects.sharepoint.com/Pages/Home.aspx) - [![LinkedIn](https://blog.array-architects.com/hs-fs/file-944518273-png/Branding/Logos/Social_Media_Icons/icon-linkedin.png?width=24&height=24&name=icon-linkedin.png "icon-linkedin")](https://www.linkedin.com/company/array-architects) - [![Twitter](https://blog.array-architects.com/hs-fs/file-597997249-png/images/icon-twitter.png)](https://twitter.com/ArrayArch) - [![Wistia](https://blog.array-architects.com/hs-fs/file-605856812-png/images/icon-youtube.png)](http://array.wistia.com/projects/qoa7dvtl9e) - [![Issuu](https://blog.array-architects.com/hs-fs/file-605829727-png/images/icon-issuu.png)](http://issuu.com/arrayarchitects)