Designing The User Experience AIGA Design Camp
|
|
- Justina Baldwin
- 8 years ago
- Views:
Transcription
1 Designing The User Experience 2010 AIGA Design Camp
2 TABLE OF CONTENTS Designing The User Experience...1 Definitions:...3 User Experience... 3 Interaction Design... 3 Experience Design... 3 Information Architecture (IA)... 3 User Interface (UI)... 3 User Interface Design (UID)... 4 User-Centered Design... 4 Human Computer Interaction... 4 HMTL... 4 CSS... 4 AJAX... 5 JavaScript... 5 Flash... 5 ActionScript... 5 TypeKit... 5 Reading...5 Tools:...6 Applications...6 Design Templates...6 Design Tips...7 Interactive Design Related Links...7 Download a PDF of this document and the presentation slides at: Clockwork Active Media Systems PRIVATE AND CONFIDENTIAL 2
3 Definitions: User Experience ISO defines user experience (UX) as "a person's perceptions and responses that result from the use or anticipated use of a product, system or service". So, user experience is a subjective feeling that is the result of the use of a product or service. Interaction Design Interaction design (IxD) is the study of devices with which a user can interact, in particular computer users. Interaction design defines the behavior (the "interaction") of an artifact or system in response to its users. A simple example of an interaction design would be a submit button on a web form. The interaction would include what happens when the user hovers over the button, when the button is clicked, and the result of such action. For instance, the submit button turns gray on hover, appears to depress when clicked, and ultimately loads another web page to confirm the submission. Experience Design Experience Design is an approach to creating successful experiences for people in any medium. This approach includes consideration and design in all 3 spatial dimensions, over time, all 5 common senses, and interactivity, as well as customer value, personal meaning, and emotional context. Experience Design is not merely the design of Web pages or other interactive media or on-screen digital content. Designed experiences can be in any medium, including spatial/environmental installations, print products, hard products, services, broadcast images and sounds, live performances and events, digital and online media, etc. Information Architecture (IA) Information Architecture is a field and approach to designing clear, understandable communications by giving care to structure, context, and presentation of data and information (see Interaction Design below). There is no difference between the two terms. Some designers refer to information Architecture as concerning "high-level" issues and Information Design as concerning "low-level" or visual issues but it is not possible to separate the two in developing clear communications, regardless of medium. User Interface (UI) A user interface is the system by which people (users) interact with a machine. The user interface includes hardware (physical) and software (logical) components. User interfaces exist for various systems, and provide a means of: Input, allowing the users to manipulate a system, and/or Output, allowing the system to indicate the effects of the users' manipulation. Generally, the goal of human-machine interaction engineering is to produce a user interface which makes it easy, efficient, and enjoyable to operate a machine in the way which produces the desired result. This generally means that the operator needs to provide minimal input to achieve the desired output, and also that the machine minimizes undesired outputs to the human. Ever since the increased use of personal computers and the relative decline in societal awareness of heavy machinery, the term user interface has taken on overtones of the (graphical) user interface, while industrial control panel and machinery control design discussions more commonly refer to human-machine interfaces. Other terms for user interface include human-computer interface (HCI) and man-machine interface (MMI). Clockwork Active Media Systems PRIVATE AND CONFIDENTIAL 3
4 User Interface Design (UID) User interface design or user interface engineering is the design of computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals-what is often called user-centered design. Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself. Graphic design may be utilized to support its usability. The design process must balance technical functionality and visual elements (e.g., mental model) to create a system that is not only operational but also usable and adaptable to changing user needs. User-Centered Design In broad terms, user-centered design (UCD) is a design philosophy and a process in which the needs, wants, and limitations of end users of a product are given extensive attention at each stage of the design process. User-centered design tries to optimize the product around how users can, want, or need to use the product, rather than forcing the users to change their behavior to accommodate the product. Human Computer Interaction Human-computer interaction (HCI) is the study of interaction between people (users) and computers. It is often regarded as the intersection of computer science, behavioral sciences, design and several other fields of study. Interaction between users and computers occurs at the user interface (or simply interface), which includes both software and hardware; for example, characters or objects displayed by software on a personal computer's monitor, input received from users via hardware peripherals such as keyboards and mice, and other user interactions with large-scale computerized systems such as aircraft and power plants. The Association for Computing Machinery defines human-computer interaction as "a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them." An important facet of HCI is the securing of user satisfaction. HMTL HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. It is written in the form of HTML elements consisting of "tags" surrounded by angle brackets within the web page content. It is the building blocks of all basic websites. It allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts in languages such as JavaScript which affect the behavior of HTML web pages. HTML can also be used to include Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both HTML and CSS standards, encourages the use of CSS over explicit presentational markup.[1] CSS Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL. CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content. CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. While the author of a document typically links that document to a Clockwork Active Media Systems PRIVATE AND CONFIDENTIAL 4
5 CSS style sheet, readers can use a different style sheet, perhaps one on their own computer, to override the one the author has specified. AJAX Ajax (shorthand for Asynchronous JavaScript and XML) is a group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page. The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages. Like DHTML and LAMP, Ajax is not a technology in itself, but a group of technologies. Ajax uses a combination of HTML and CSS to mark up and style information. The DOM is accessed with JavaScript to dynamically display, and to allow the user to interact with, the information presented. JavaScript A client side programming language that is used in building interactive functionality to web pages. Flash Adobe Flash is a multimedia platform used to add animation, video, and interactivity to Web pages. Flash is frequently used for advertisements and games. More recently, it has been positioned as a tool for "Rich Internet Applications". ActionScript ActionScript is a scripting language developed by Adobe. It is a dialect of ECMAScript (meaning it has the same syntax and semantics of the more widely known JavaScript), and is used primarily for the development of websites and software targeting the Adobe Flash Player platform, used on Web pages in the form of embedded SWF files. Originally developed by Macromedia, the trademark in the language is now owned by Adobe (which acquired Macromedia in 2005), though the language itself is "open source" in the sense that its specification is offered free of charge and both an open source compiler (as part of Adobe Flex) and open source virtual machine (Mozilla Tamarin) are available. TypeKit Typekit is a subscription service that allows webmasters and designers to embed non-standard, non-systemspecific fonts into online documents. It uses the only recently CSS property and is available to the public. Reading Steve Krug, Don't Make Me Think Donald Norman, The Design of Everyday Things Donald Norman, Emotional Design Tom Kelley, The Art of Innovation Massimo Vignelli, The Vignelli Canon - Clockwork Active Media Systems PRIVATE AND CONFIDENTIAL 5
6 Tools: Keynote as Prototyping Tool More Keynote Prototyping Keynote Wireframing Toolkit Gesture icons Grides / Layout generator Web typography basics Smashing Magazine Tool List Applications Coda text editor + css + ftp + svn + more Text Mate text editor + css Adobe Dreamweaver A great WYSIWYG app for web layout. Dreamweaver s design view/code view is a great way to explore how design and coding relate. Design Templates iphone Templates ipad Templates Facebook GUI Templates Clockwork Active Media Systems PRIVATE AND CONFIDENTIAL 6
7 Design Tips Remember, it's not about what you as the designer think, rather how the end user will react to the design. Put thought into who your users are and if possible hold user tests to see them interact with the design first hand. Embrace the fact that you can't control interactive design in the same way you can a printed piece. If your design will ultimately be handed off to someone else for production, include your production partner as early as possible in the design process. Don t be afraid to dig in. Viewing the source of any web site is a great way to start. Create your own site using free blog software like Wordpress and try your hand at customizing the look and feel. The launch of a web site is just the beginning. Remember that most web content is fluid. All areas containing content should be planned to grow to accommodate added content. Fixed size boxes are not flexible enough to display most content. Rounded corners are not the answer to every design problem. Use gradient backgrounds with caution. Gradients should tile or reach a solid color eventually. They should also have a minimum height to be cut off at that still looks good. If they are placed behind transparency, drop shadows, rounded corners, or inner shadows it's doable but getting too complicated with this adds budget and headaches. PSD files should be well organized, labeled, and include hover states for all links, buttons and navigations. Images don't scale on the web well. Instead use tiling or fading to a solid color. Changing the visual style of form drop downs and check/radio buttons can be tricky. Talk with your development partner before committing to non-standard form elements. CSS 3 - Progressive Enhancement Your site does not have to look pixel perfect on all browsers. Plan for the common denominator but support current and future browsers with new technologies. Interactive Design Related Links Clockwork Active Media Systems PRIVATE AND CONFIDENTIAL 7
Software Requirements Specification For Real Estate Web Site
Software Requirements Specification For Real Estate Web Site Brent Cross 7 February 2011 Page 1 Table of Contents 1. Introduction...3 1.1. Purpose...3 1.2. Scope...3 1.3. Definitions, Acronyms, and Abbreviations...3
More informationOutline. CIW Web Design Specialist. Course Content
CIW Web Design Specialist Description The Web Design Specialist course (formerly titled Design Methodology and Technology) teaches you how to design and publish Web sites. General topics include Web Site
More informationWeb Design Specialist
UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing
More informationWeb Development News, Tips and Tutorials
Web Development News, Tips and Tutorials In this section I will try to explain what we could and how we maybe helpful for your company and online business. The purpose of this site is to show what we had
More informationWeb Designing with UI Designing
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing
More informationActiveX AJAX ASP. AudioMP3
ActiveX In Computer Science, ActiveX is a component object model (COM) developed by Microsoft for Windows platforms. Software based on ActiveX technology is prevalent in the form of Internet Explorer browser
More informationSTATEMENT OF PURPOSE
WEB DESIGN STATEMENT OF PURPOSE This course is intended for the student interested in learning how to create web pages for the World Wide Web. Instruction on how to program using the HTML language is provided.
More information01/42. Lecture notes. html and css
web design and applications Web Design and Applications involve the standards for building and Rendering Web pages, including HTML, CSS, SVG, Ajax, and other technologies for Web Applications ( WebApps
More information38 Essential Website Redesign Terms You Need to Know
38 Essential Website Redesign Terms You Need to Know Every industry has its buzzwords, and web design is no different. If your head is spinning from seemingly endless jargon, or if you re getting ready
More informationRich Internet Applications
Rich Internet Applications Prepared by: Husen Umer Supervisor: Kjell Osborn IT Department Uppsala University 8 Feb 2010 Agenda What is RIA? RIA vs traditional Internet applications. Why to use RIAs? Running
More informationAdobe Dreamweaver Exam Objectives
Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright
More informationCourse Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation
Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet
More informationLesson Overview. Getting Started. The Internet WWW
Lesson Overview Getting Started Learning Web Design: Chapter 1 and Chapter 2 What is the Internet? History of the Internet Anatomy of a Web Page What is the Web Made Of? Careers in Web Development Web-Related
More informationWeb Development I & II*
Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology
More informationLesson Review Answers
Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.
More informationWeb Specialist INDIVIDUAL PROGRAM INFORMATION 2014 2015. 866.Macomb1 (866.622.6621) www.macomb.edu
Web Specialist INDIVIDUAL PROGRAM INFORMATION 2014 2015 866.Macomb1 (866.622.6621) www.macomb.edu Web Specialist PROGRAM OPTIONS CREDENTIAL TITLE REQUIRED NOTES Associate of Applied Science Web Specialist
More informationMacromedia Dreamweaver 8 Developer Certification Examination Specification
Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this
More informationWeb Design and Development Program (WDD)
Web Design and Development Program (WDD) Course Descriptions TI 0550 Fundamentals of Information Systems Technology: This course is a survey of computer technologies. This course may include computer history,
More informationACE: Dreamweaver CC Exam Guide
Adobe Training Services Exam Guide ACE: Dreamweaver CC Exam Guide Adobe Training Services provides this exam guide to help prepare partners, customers, and consultants who are actively seeking accreditation
More informationTitle: Front-end Web Design, Back-end Development, & Graphic Design Levi Gable Web Design Seattle WA
Page name: Home Keywords: Web, design, development, logo, freelance, graphic design, Seattle WA, WordPress, responsive, mobile-friendly, communication, friendly, professional, frontend, back-end, PHP,
More informationTeacher Assessment Blueprint. Web Design. Test Code: 5934 / Version: 01. Copyright 2013 NOCTI. All Rights Reserved.
Teacher Assessment Blueprint Web Design Test Code: 5934 / Version: 01 Copyright 2013 NOCTI. All Rights Reserved. General Assessment Information Blueprint Contents General Assessment Information Written
More informationWEB DESIGN COURSE CONTENT
WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC
More informationSerena Software Voluntary Product Accessibility Report. Summary Table
Serena Software Voluntary Product Accessibility Report Date: October 22, 2015 Name of Product: Serena Business Manager Contact for more Information (name/phone/email): Dave Easter / deaster@serena.com
More informationMedia Arts & Technologies
Media Arts & Technologies The Media Arts & Technologies program provides a focused sequence of courses for students who wish to transfer to a four-year institution or gain employment in the fields of Web
More informationPrint to Interactive Roadmap. with Patrick McNeil
Print to Interactive Roadmap with Patrick McNeil Spoiler alert: Print to web doesn t mean what it used to The agenda The agenda The problem Industry overview User centered design process End goals Skills
More informationCalifornia State University Polytechnic University. CIS 311 Interactive Web Development. Fall 2011
California State University Polytechnic University CIS 311 Interactive Web Development Fall 2011 Basic Information Class time Tuesday Thursday 1:00 3:00 PM Class location C4-27 Textbooks Web Applications
More informationIntroduction to Dreamweaver
Introduction to Dreamweaver ASSIGNMENT After reading the following introduction, read pages DW1 DW24 in your textbook Adobe Dreamweaver CS6. Be sure to read through the objectives at the beginning of Web
More informationWEB DEVELOPMENT IA & IB (893 & 894)
DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.
More informationJob Ready Assessment Blueprint. Web Design. Test Code: 2750 / Version: 01. Copyright 2011. All Rights Reserved.
Job Ready Assessment Blueprint Web Design Test Code: 2750 / Version: 01 Copyright 2011. All Rights Reserved. General Assessment Information Blueprint Contents General Assessment Information Written Assessment
More informationWeb Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
More informationJOB READY ASSESSMENT BLUEPRINT WEB DESIGN - PILOT. Test Code: 3750 Version: 01
JOB READY ASSESSMENT BLUEPRINT WEB DESIGN - PILOT Test Code: 3750 Version: 01 Specific Competencies and Skills Tested in this Assessment: Internet Basics Describe the process of information exchange between
More informationMobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00
Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more
More informationDesign and Development of Website Validator using XHTML 1.0 Strict Standard
Design and Development of Website Validator using XHTML 1.0 Strict Standard Ibnu Gunawan Informatics Department Petra Christian University Surabaya, Indonesia Ibnu@petra.ac.id Yohanes Edwin Informatics
More informationWeb Testing. Main Concepts of Web Testing. Software Quality Assurance Telerik Software Academy http://academy.telerik.com
Web Testing Main Concepts of Web Testing Software Quality Assurance Telerik Software Academy http://academy.telerik.com The Lectors Snejina Lazarova Product Manager Business Services Team Dimo Mitev QA
More informationSUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1
SUBJECT TITLE : WEB TECHNOLOGY SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 16 02 2. CSS & JAVASCRIPT Test
More informationGUI and Web Programming
GUI and Web Programming CSE 403 (based on a lecture by James Fogarty) Event-based programming Sequential Programs Interacting with the user 1. Program takes control 2. Program does something 3. Program
More information4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development
4 Understanding Web Applications IN THIS CHAPTER 4.1 Understand Web page development 4.2 Understand Microsoft ASP.NET Web application development 4.3 Understand Web hosting 4.4 Understand Web services
More information1Lesson 1: Overview of Web Design Concepts Objectives
1Lesson 1: Overview of Web Design Concepts Objectives By the end of this lesson, you will be able to: 1.2.1: Balance customer needs and usability with site design principles and aesthetics (includes distinguishing
More informationBest Practice in Web Design
Best Practice in Web Design Irrespective of whether you are intending to use a flat 'brochureware' website or an interactive e- commerce site, the overall look and feel of your website will play an important
More informationAdvanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY
Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every
More informationWeb design and planning
Project 2 Web design and planning Timing: 12 to 18 hours Project overview In this project, student teams work on a project to build a website for a client. Each team might have a different client, depending
More informationCLASSROOM WEB DESIGNING COURSE
About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered
More informationVoluntary Product Accessibility Report
Voluntary Product Accessibility Report Compliance and Remediation Statement for Section 508 of the US Rehabilitation Act for OpenText Content Server 10.5 October 23, 2013 TOGETHER, WE ARE THE CONTENT EXPERTS
More informationProgramming exercises (Assignments)
Course 2013 / 2014 Programming exercises (Assignments) TECHNOLOGIES FOR DEVELOPING WEB USER INTERFACES Websites (HTML5 and CSS3) Table of contents Technologies for developing web user interfaces... 1 Websites
More informationAn Overview of HTML5 and Deciding When to Use It. Robby Robson, Ph.D. & Heather L. Jones, MCT Eduworks
An Overview of HTML5 and Deciding When to Use It Robby Robson, Ph.D. & Heather L. Jones, MCT Eduworks Learning Objectives At the end of this tutorial, you should be able to Describe the problems that HTML5
More informationInformation Management & Design Course Descriptions Contact Drew Hunt at Andrew.hunt@kctcs.edu for more information
Information Management & Design Course Descriptions Contact Drew Hunt at Andrew.hunt@kctcs.edu for more information IMD 100 Introduction to Information Systems (3) Essential computer concepts and terminology
More informationWEB PAGE DESIGN AND DEVELOPMENT 2 COURSE CODE: 5033 (COURSE NAME CHANGES TO ADVANCED WEB DESIGN AND DEVELOPMENT IN 2016-17)
WEB PAGE DESIGN AND DEVELOPMENT 2 COURSE CODE: 5033 (COURSE NAME CHANGES TO ADVANCED WEB DESIGN AND DEVELOPMENT IN 2016-17) COURSE DESCRIPTION: This advanced course is designed to provide students with
More informationWeb Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Brief Course Overview An introduction to Web development Server-side Scripting Web Servers PHP Client-side Scripting HTML & CSS JavaScript &
More informationDreamweaver Domain 2: Planning Site Design and Page Layout
Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing
More informationAppendix N INFORMATION TECHNOLOGY (IT) YOUTH APPRENTICESHIP WEB & DIGITAL COMMUNICATIONS PATHWAY WEB & DIGITAL MEDIA UNIT UNIT 6
Appendix N INFORMATION TECHNOLOGY (IT) YOUTH APPRENTICESHIP WEB & DIGITAL COMMUNICATIONS PATHWAY WEB & DIGITAL MEDIA UNIT UNIT 6 Web & Digital Communications Pathway: (Unit 6) PAGE 1 OF 12 Unit 6: Pathway
More informationSPLIT BLOCK FINAL Web Design
SPLIT BLOCK FINAL Web Design MULTIPLE CHOICE 1. A(n) site shares user-created content with site visitors. a. portal c. informational/educational b. Web 2.0 d. business 2. sites include Erly, Flickr, Pinterest,
More informationFrom Desktop to Browser Platform: Office Application Suite with Ajax
From Desktop to Browser Platform: Office Application Suite with Ajax Mika Salminen Helsinki University of Technology mjsalmi2@cc.hut.fi Abstract Web applications have usually been less responsive and provided
More informationCourse Title: Multimedia Design
Course Title: Multimedia Design Unit: Multimedia Hardware and Software Content Standard(s) and 1. Compare types of multimedia, including presentation, desktop publishing, Web page design, graphic design,
More informationWEB& WEBSITE DESIGN TRAINING
WEB& WEBSITE DESIGN TRAINING Introduction to Websites Course Content: Introduction to Web Technologies Protocols and Port Numbers Domain Names, DNS and Domaining Client and Server Software. Static, Dynamic
More informationWeb Design Basics JMC:3600
Web Design Basics JMC:3600 Spring 2016 Adler W336 Instructor Kevin Ripka Office: W341 Office Hours: MW 12:30 2pm & by appointment Phone: 319.335.3431 kevin-ripka@uiowa.edu COURSE DESCRIPTION This course
More informationCareer Technical Credit Transfer (CT)² Interactive Media Technology Career Technical Assurance Guide (CTAG) February 20, 2015
Career Technical Credit Transfer (CT)² Interactive Media Technology Career Technical Assurance Guide (CTAG) February 20, 2015 The following programs/courses, indicated by a Career-Technical Articulation
More informationGLEN RIDGE PUBLIC SCHOOLS MATHEMATICS MISSION STATEMENT AND GOALS
Course Title: Advanced Web Design Subject: Mathematics / Computer Science Grade Level: 9-12 Duration: 0.5 year Number of Credits: 2.5 Prerequisite: Grade of A or higher in Web Design Elective or Required:
More informationAdobe Creative Suite: Introduction for Web Design
coursemonster.com/uk Adobe Creative Suite: Introduction for Web Design View training dates» Overview Website design can be confusing to get started with. But with our Adobe Certified Instructor led class
More informationCreative Cloud for Web Design
Creative Cloud for Web Design Level: Duration: Time: Cost: Fast Track - Introduction 5 Days 9:30 AM - 4:30 PM 997 Overview Like the Dreamweaver Jumpstart course, the Creative Suite for Web Design course
More informationMobile Game and App Development the Easy Way
Mobile Game and App Development the Easy Way Developed and maintained by Pocketeers Limited (http://www.pocketeers.co.uk). For support please visit http://www.appeasymobile.com This document is protected
More informationWEB PAGE, DIGITAL/MULTIMEDIA AND INFORMATION RESOURCES DESIGN
1 Secondary Task List 100 DEMONSTRATE SAFETY IN THE MULTIMEDIA LABORATORY 101 Explain the Material Safety Data Sheet (MSDS) system for hazardous chemicals and materials. 102 Follow safety rules when working
More informationDreamweaver Tutorial - Dreamweaver Interface
Expertrating - Dreamweaver Interface 1 of 5 6/14/2012 9:21 PM ExpertRating Home ExpertRating Benefits Recommend ExpertRating Suggest More Tests Privacy Policy FAQ Login Home > Courses, Tutorials & ebooks
More informationTen Simple Steps Toward Universal Design of Online Courses
Ten Simple Steps Toward Universal Design of Online Courses Implementing the principles of universal design in online learning means anticipating the diversity of students that may enroll in your course
More informationMyCompany Professional Web Developer Certification Examination Specification
MyCompany Professional Web Developer Certification Examination Specification Introduction This is a sample of an exam specification and is not representative of any actual exam specification. The exam
More informationVoluntary Product Accessibility Template Blackboard Learn Release 9.1 April 2014 (Published April 30, 2014)
Voluntary Product Accessibility Template Blackboard Learn Release 9.1 April 2014 (Published April 30, 2014) Contents: Introduction Key Improvements VPAT Section 1194.21: Software Applications and Operating
More informationSafeWebApp QuickStart
SafeWebApp QuickStart Excel Software SafeWebApp is an easy, secure way to deliver and use web applications, called Web Apps. A Web App can includes video, PDF, SWF, EPUB or any other kind of content typically
More informationChapter 10: Multimedia and the Web
Understanding Computers Today and Tomorrow 12 th Edition Chapter 10: Multimedia and the Web Learning Objectives Define Web-based multimedia and list some advantages and disadvantages of using multimedia.
More informationAdvanced Web Design COURSE OUTLINE
Advanced Web Design COURSE OUTLINE 1. Course Title: Advanced Web Design 2. CBEDS Title: Other visual communications/graphics course 3. CBEDS Number: 5798 4. Job Titles: Web Design Technicians Desktop Publishers
More informationResponsive Web Design Creative License
Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.
More informationIT3504: Web Development Techniques (Optional)
INTRODUCTION : Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development
More information[PROFILE / INTRO] 3D Multimedia, Graphics & Web Services
2015 [PROFILE / INTRO] 3D Multimedia, Graphics & Web Services CONTENTS 1- Introduction:... 3 2- History of Shadow Aura:... 3 3- Our Services:... 4 3.1 Technologies:... 4 3.2 Web Services:... 4 3.2.1 Web
More informationSan Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601
Web Design Course Outline I II 1 Course Content 5 5 Student Evaluation Employment Opportunities 2 XHTML 10 10 Creating an HTML Document Formatting Text with HTML Adding Graphics with Multimedia Using forms
More informationInternet Technologies_1. Doc. Ing. František Huňka, CSc.
1 Internet Technologies_1 Doc. Ing. František Huňka, CSc. Outline of the Course 2 Internet and www history. Markup languages. Software tools. HTTP protocol. Basic architecture of the web systems. XHTML
More informationSizmek Formats. IAB Mobile Pull. Build Guide
Sizmek Formats IAB Mobile Pull Build Guide Table of Contents Overview...3 Supported Platforms... 6 Demos/Downloads... 6 Known Issues... 6 Implementing a IAB Mobile Pull Format...6 Included Template Files...
More informationDebugging JavaScript and CSS Using Firebug. Harman Goei CSCI 571 1/27/13
Debugging JavaScript and CSS Using Firebug Harman Goei CSCI 571 1/27/13 Notice for Copying JavaScript Code from these Slides When copying any JavaScript code from these slides, the console might return
More informationDIPLOMA IN GRAPHIC WEB DESIGN AND WEB DEVELOPMENT COURSE INFO PACK
Registered as a Private Higher Education Institution with the Department of Higher Education and Training in South Africa under the Higher Education Act 1997 Registration Nr. 2001/HE07/005 DIPLOMA IN GRAPHIC
More informationVoluntary Product Accessibility Template (VPAT)
Voluntary Product Accessibility Template (VPAT) Name of Product Date January 8 2016 Engineering Village (EV for short) Completed by Contact for More Information Heather Singleton Heather Singleton User
More informationSkills for Employment Investment Project (SEIP)
Skills for Employment Investment Project (SEIP) Standards/ Curriculum Format For Web Design Course Duration: Three Months 1 Course Structure and Requirements Course Title: Web Design Course Objectives:
More informationCredits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf
1 The Web, revisited WEB 2.0 marco.ronchetti@unitn.it Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf 2 The old web: 1994 HTML pages (hyperlinks)
More information15 minutes is not much so I will try to give some crucial guidelines and basic knowledge.
1 Presentation. Good morning ladies and gentlemen, dear colleagues. First of all I would like to thank the committee for this invitation and letting me speak about one of my favourite topics: the internet.
More informationChapter 14: Links. Types of Links. 1 Chapter 14: Links
1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and
More informationAbout us Our Services
About us Pixelsoft stands for the fresh approach to the design solutions every time and anytime for whatever design domain you need. We meet every design requirement which you may come across, be it web
More informationChecklist of Best Practices in Website
Checklist of Best Practices in Website An educational guide for anyone responsible for website performance and search engine optimization. Specialists in Direct & Digital Marketing Checklist of Best Practices
More informationFast track to HTML & CSS 101 (Web Design)
Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of
More informationWebsite Development (D4)
IMIS DIPLOMA QUALIFICATIONS Website Development (D4) Thursday 4 th December 2014 14:00hrs 17:00hrs DURATION: 3 HOURS Candidates should answer ALL the questions in Part A and THREE of the five questions
More informationJavaFX Session Agenda
JavaFX Session Agenda 1 Introduction RIA, JavaFX and why JavaFX 2 JavaFX Architecture and Framework 3 Getting Started with JavaFX 4 Examples for Layout, Control, FXML etc Current day users expect web user
More informationVPAT. Voluntary Product Accessibility Template. Version 1.5. Summary Table VPAT. Voluntary Product Accessibility Template. Supporting Features
Version 1.5 Date: Nov 5, 2014 Name of Product: Axway Sentinel Web Dashboard 4.1.0 Contact for more Information (name/phone/email): Axway Federal 877-564-7700 http://www.axwayfederal.com/contact/ Summary
More informationPELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS WEB DESIGN III: ADVANCED SITE DESIGN WEB 2812
PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS WEB DESIGN III: ADVANCED SITE DESIGN WEB 2812 Class Hours: 3.0 Credit Hours: 3.0 Laboratory Hours: 0.0 Revised: Spring 2011 NOTE: This course is not
More informationDreamweaver CS5. Module 2: Website Modification
Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,
More informationShort notes on webpage programming languages
Short notes on webpage programming languages What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of
More informationFacebook Twitter YouTube Google Plus Website Email. o Zooming and Panning. Panel. 3D commands. o Working with Canvas
WEB DESIGN COURSE COURSE COVERS: Photoshop HTML 5 CSS 3 Design Principles Usability / UI Design BOOTSTRAP 3 JAVASCRIPT JQUERY CSS Animation Optimizing of Web SYLLABUS FEATURES 2 Hours of Daily Classroom
More informationInformation Technology Cluster
Web and Digital Communications Pathway Information Technology Cluster 3D Animator This major prepares students to utilize animation skills to develop products for the Web, mobile devices, computer games,
More informationUsing Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
More informationModule 6 Web Page Concept and Design: Getting a Web Page Up and Running
Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Lesson 3 Creating Web Pages Using HTML UNESCO EIPICT M6. LESSON 3 1 Rationale Librarians need to learn how to plan, design and create
More informationWeb Design and Development Certificate Program
Information Technologies Programs Web Design and Development Certificate Program Accelerate Your Career extension.uci.edu/webdesign University of California, Irvine Extension's professional certificate
More informationTHE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC.
THE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC. Copyright 2012, SAS Institute Inc. All rights reserved. Overview Mobile
More informationCitrix StoreFront. Customizing the Receiver for Web User Interface. 2012 Citrix. All rights reserved.
Citrix StoreFront Customizing the Receiver for Web User Interface 2012 Citrix. All rights reserved. Customizing the Receiver for Web User Interface Introduction Receiver for Web provides a simple mechanism
More informationIT3503 Web Development Techniques (Optional)
INTRODUCTION Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development
More informationAJAX Toolkit Framework
IBM Software Group AJAX Toolkit Framework Emerging Internet Technologies Group Ajax - What s our vision Grow Ajax adoption to the next phase Evolve tools that significantly reduce the development costs
More information