Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Web 01 Introduction to web design
Transcript of Web 01 Introduction to web design
The people who work in multimedia has specialized skills, such as audio and video editing or animation production. Also they have a good visual sensibility and an instinct for intuitive and creative multimedia design.
Interaction Design (IxD)
The goal of the interaction designer is to make the site as easy, efficient and delightful to use as possible.
User Interface Design (UI)
The user interface designer tends to be more narrowly focused on the functional organization of the page as well as the specific tools (buttons, links, menus and so on) that users use to navigate content or accomplish tasks.
User Experience Designer (UX)
The UX designer takes a more holistic view, ensuring the entire experiencie with the site is favorable. UX design is base on a solid understanding of users and their needs base on observations and interviews.
Visual (Graphic) Design
Creates the "look and feel" of the site -logos, graphics, type, colors, layout, etc- to ensure that the site makes a good first impression and is consistent with the brand and message of the organization it represents.
Visual designers generate sketches and produce graphic files optimized for web.
is the term used for the process of preparing content for delivery on the web.
This developer has knowledge of HTML and how it functions on various browsers and devices.
In web design, the appearance of the page in the browser is controlled by style rules written in CSS.
This developer programs advance functionality ( forms, dynamic content, interactivity) that requires special software or applications.
Content strategy and
The content strategist makes shure that every bit of text on the site, from long explanatory text, down to the labels on buttons, supports the brand identity and marketing goals of the company.
Organizes the content logically and for ease of findability. May be responsible for search functionality and site diagrams. Is closely related to UI and UX design and is not uncommon for a single person or team to perform all roles.
User research and testing reports
Understanding the needs, desires and limitations of users is central to the success of the design or web application. This approach is referred to as
User-Centered Design (UCD).
User research includes interviews, observation and user testing.
Storyboards and flow charts
A storboard traces the path through a site or application from the point of view of a typical user (persona).
The flow chart is use for technical details.
Wireframe and site diagram
Web terms: what do they mean?
• HTML / XHTML / HTML5.0
• Server-side programming:
PHP, ASP.NET, Ruby on Rails...
Firefox, Safari, IE
Made up of three components:
2) Site name
3) Absolute path
“Frontend” refers to any aspect of the design process that appears in or relates directly to the browser.
The following tasks are commonly considered to be frontend:
• Graphic design and image production
• Interface design
• Information design as it pertains to the user’s experience of
• HTML document and style sheet development
“Backend” refers to the programs and scripts that work on the server behind the scenes to make web pages dynamic and interactive. In general, backend web development falls in the hands of experienced programmers, but it is good for all web designers to be familiar with backend functionality.
The following tasks take place on the backend:
• Information design as it pertains to how the information is organized on the server
• Forms processing
• Database programming
• Content management systems
• Other server-side web applications using PHP, JSP, Ruby, ASP.NET, Java, and other programming languages.
Web page authoring
Writing html by hand. No visually editing.
e.g. Notepad, Textedit, SublimeText
Provide a visual WYSIWYG.