A Quick Introduction To Rapid Prototyping

This is the first article in the series: "A Quick Introduction To Rapid Prototyping Part I

Part I: A Quick Introduction To Prototyping and terminologies. 

Welcome to this series on a comprehensive list of terms and definitions about prototyping and rapid development. I hope you can learn from this series and develop your technical skills further. These are some terms to understand that will make rapid prototyping easier to understand.

     

      1. User Interface (UI): The user interface is the point of interaction between a human and an interactive communication device. This includes screens, keyboards, mice, buttons, graphics, images, and text. It also includes what may interact with an application or website. Essentially, what you “interact” with. The interface is an inclusive term. 

       

        1. User Experience (UX): This encapsulates all aspects of an end user’s interaction with its companies, services, or products. It includes interactivity. So the things you move, click, and all that allow you to interact with a website. 

         

          1. Site Map: A visual representation of all the pages within your website and the relationship between them. Site maps do not include backend functions. You usually create this with a pencil and paper. 

           

            1. Storyboard: A graphic organizer that gives the user or viewer a ‘high-level’ view of a project. This storyboard can enable developers to quickly get a sense of the work that needs to be completed. 

             

              1. Persona: This is a creation based on your research of the different types of users interacting with your service, product, site, or brand. You can better understand your users’ needs and goals by creating personas. 

               

                1. Information Architecture: The manner in which information and content are displayed on your website.  Information Architecture accomplishes this by developing it sustainably. The ultimate goal is to help users find the necessary information and complete the tasks. 

                 

                  1. Responsive Design: This web development approach helps create dynamic changes to the appearance of a website depending on the screen size and orientation used to view the site. 

                I hope you find this helpful. I look forward to sharing more information in the next part of this series Part II: A Quick Introduction To Wireframing and Prototyping.