{"id":9440,"date":"2020-01-21T00:00:54","date_gmt":"2020-01-21T00:00:54","guid":{"rendered":"https:\/\/charterglobal.com\/?p=9440"},"modified":"2023-12-05T07:48:42","modified_gmt":"2023-12-05T07:48:42","slug":"what-is-ui-and-ux-design","status":"publish","type":"post","link":"https:\/\/www.charterglobal.com\/what-is-ui-and-ux-design\/","title":{"rendered":"What is UI & UX Design?"},"content":{"rendered":"

User Interface Development<\/strong><\/a> is defined as the <\/span>development<\/span> of websites, web applications, mobile applications, and software. The User Interface plays a key role in the software development life cycle [SDLC]<\/a><\/strong>. Most people assume UI development is all about creating websites and writing HTML, CSS, and JavaScript, but user interface goes far beyond these technical terms. The goal of the user interface is to make the user\u2019s interaction as simple and efficient as possible, in terms of accomplishing user goals.<\/span><\/p>\n

Think about it this way: The user experiences only front end interactions, such as the look and feel of the website\/application. More often than not, they don\u2019t concern themselves with the back end – like app design, coding elements, or methodologies employed in content layout. What’s more, users need to feel engaged and at ease when they visit your website.\u00a0 That\u2019s where UI engineers come into the picture \u2013 to fulfill this task.<\/span><\/p>\n

Cultivating a User Interface can be divided into two phases in website\/application\/software development:<\/span><\/p>\n

    \n
  1. Research + Design<\/span><\/li>\n
  2. Development<\/span><\/li>\n<\/ol>\n

    Research and Design:<\/b><\/h3>\n

    Research and analysis are all about interviewing users & project stakeholders and gathering their input to create a requirements document that includes personas, user scenarios, user behavior, and user experience evaluation metrics. During this phase, it is also important to understand the target audience so as to better cultivate a user experience design.<\/span><\/p>\n

    Business analysts and a user experience team usually lead the research phase. Both teams collect all information and inputs from users and project stakeholders in order to discuss technical terms with developers and project managers. Lastly, they prepare final documentation.<\/span><\/p>\n

    With the help of documentation, UX teams start the design process. They first create the wireframes to bring a rough idea to the project stakeholders and users.<\/span><\/p>\n

    Wireframes are presented as a comprehensive screen layout consisting of black and white sketches of every screen in the application. At this point, the visual and graphic design processes dictating the visual appeal have not yet begun.<\/span><\/p>\n

    Wireframe Example:<\/b><\/h3>\n

    Next, developers must focus on creating prototypes that will simulate the real application. A prototype can contain one or more features, but it actually does nothing. It merely simulates the behavior of a real application, and users can see color combinations and minimal functionality in real-time. Wireframes\/Sketches and Prototypes are done by UX designers<\/strong><\/a>.<\/span><\/p>\n

    Tools to create Wireframes and Prototypes<\/b><\/h4>\n