Build process for UI Technologies

The back-end phenomenon is responsible for running website smoothly. This is where the UI engineer comes into picture.

DESCRIPTION

“Concept and implement the visual language of Airbnb.com. Create and advance site-wide style guides”- UI Designer Job Description at Airbnb

jquery

UI or User Interface Designers answer the questions pertaining to- how the product is laid out? They build the product viz websites, web applications, mobile applications, and software development.

“User Interface” plays a key role in the Software Development Life Cycle (SDLC). Creating websites is not just about writing HTML, CSS, or JavaScript it is much more than that. It is to make user’s interaction as simple and efficient as possible.

Where users think that the front-end work attracts customers, it is generally the other way round. The back-end phenomenon is responsible for running website smoothly. This is where the UI engineer comes into picture.

UI Development requires a balanced approach towards SDLC. To strike this balance I should aware of how the task is exposed at the user interface, and then work in this direction.

Four main phases

There are four main phases involved in the process of UI development. They are:

  • Research and Analysis
    research is done to gather inputs from the users. These inputs are usually answers to questions like- the need to create a product, why users will buy this product?, what is the market trend? Is it viable to produce it under certain circumstances? and others. Seminars, Interviews, brain storming session and surveys are some methods used for research and feasibility study.
  • Design
    this is the second phase of SDLC. In this phase we organize the gathered inputs into a structured format called the Software Design Document (SDD). It is developed by UX (User Experience) Team. They first create wireframes to bring a rough idea to the project stakeholders and users.Wireframes are presented as a comprehensive set of screen layout consisting of black and white sketches of every screen in the application. Then the prototypes are created that help stimulate the real application. A prototype stimulates the behavior of the application, and users can see minimal functionality and color combination. Various tools that can be used to create wireframes and prototypes are: –

    • Balsamiq Mockups
    • Axure
    • Gliffy
    • iPhone Mockup
    • InDesign
    • Photoshop
    • Fireworks
    • Dreamweaver

    The Designing phase comprises of following stages:-

    • Functional Requirements: – determining the objectives of building the project
    • User Analysis: – understanding the utility if software from the perspective of user
    • Conceptual Design: – model the underlying business that the application must support
    • Logical Design: – Design the process and information flow of the software.
    • Physical Design: – decide how the logical design will be implemented in reality.
  • Implementation
    this is the third phase and the most important one as here we actually develop the product. Coding is done in this phase. There are two methods through which a design can be implemented.

    • Creating a Prototype
    • Construction of real model
  • Testing
    these can be categorized as

    • Usability Testing
    • Accessibility Testing

CURRICULUM

Lorem ipsum dolor sit amet, consectetur adipiscing elit.+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim ante dignissim nulla sodales, ut pellentesque velit varius. Phasellus finibus nec felis eget lobortis. Proin luctus et quam at venenatis.
Donec mollis metus vitae nunc auctor+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim ante dignissim nulla sodales, ut pellentesque velit varius. Phasellus finibus nec felis eget lobortis. Proin luctus et quam at venenatis.
iPivot Training