Diagrams that show the steps in a process.

The “visual script” used for the presentation of the overall visual design of the product. It has a richer visual elements than wireframe, including graphics, layout, color, and other more detailed visual presentation. To some degree, it’s the final design of the product.

What are the UI Designers responsibilities.

• Transference of a brand’s strengths and visual assets to a product’s interface as to best enhance the user’s experience.

• Responsible for being hands on with the process of research, testing, development, content, and prototyping to test for quality results.

• Guiding the user through a product’s interface via interactive elements and across all sizes/platforms.

What are the UX Designers responsibilities.

• Development and improvement of quality interaction between a user and all facets of a company.

• Includes responsibility for cooperation and work with developers or code.

• Responsible for being hands on with the process of research, testing, development, content, and prototyping to test for quality results.

Includes wireframing/prototyping, interaction design, and user testing.

• Design Process

• UI Design

• UX Design

Includes visual design and interaction design.

• Design Process

• UI Design

• UX Design

Is not only responsible for preplanning and preparing the technology behind the product.

• Design Process

• UI Design

• UX Design

Writing down a situation in which users use the product. From that, how to design the product that meets those needs.

Style guide and the visual look of the design.

• Brand Book

• Moodboard

• Design Research

Basic tools in creating a wireframe.

• Dotted Journal and Marker

• Pen and Paper

• Balsamiq