User Interface Design - C773
Study online at https://quizlet.com/_f4ipwa
1. ARPAnet: Advanced Research Project Agency(ARPA) network, a government network that evolved into the inter-
net in 1982.
2. Back-end: A Web site is the code & functionality that resides on the Web Server, & is invisible to end-users.
3. Cascading Style Sheets (CSS): W3C technology for laying out & formatting HTML docs.
4. W3C: World Wide Web Consortium an international community that develops open standards to ensure the
long-term growth of the Web.
5. Dad Visualization: Complex data depicted in a simple, graphic format.
6. Design Document: Compendium of design-centered documentation: goal statements, competitor analy-
ses, customer interviews, functional specs, sketches, wireframes, mockups, etc.
7. Dynamic HTML (DHTML): Set of technologies used to create interactive Web sites, typically HTML,
JavaScript & CSS.
8. Flash: Proprietary technology for developing Web animations; sometimes used as a platform for entire sites.
Requires a browser plug-in to view & run.
9. Flat UI Design: Minimalist approach to UI design that uses simple 2D visual elements, typography and colors.
10. Front-End: Web site is visible interface that end users interact with.
11. Hypertext Markup Language (HTML): Basic language for structuring documents to display in
Web browsers.
12. Media Query: CSS3 feature that enables content presentation to adapt to variable conditions such as screen
size & resolution across a variety of devices. (smartphone, tablet, laptop, desktop)
13. Parallax Scrolling: Computer-graphic technique in which background layers of an image scroll slower than
the foreground layers.
14. User Interface (UI) Design: Planning & creation of a set of controls that enable a user to interact with
a computer device.
15. White Space: Blank space used to separate objects in a design. Can be color, not just what. Also called empty,
blank, or negative space.
16. Wireframes: Blueprint-like diagram of a user interface.
17. Web Site Designer: Like the right brain hemisphere: creative, imaginative, & intuitive.
18. Web Site Developer: Like the left brain hemisphere: logical, linear & analytical.
19. "On Time & On Budget: Mantra of a project manager.
20. Web Site Style Guide: Compendium on conventions for the formatting & content of a Web site.
21. Responsive Design: Seeks to provide an optimal experience for users across a wide range of devices.
, User Interface Design - C773
Study online at https://quizlet.com/_f4ipwa
22. Different Web Design teams use different models to capture their process for
executing a project. Most models share these essential phases (in chronological
order): Information gathering, Planning, Design, Development, Testing, & Delivery & Maintenance.
23. Developer Responsibilities: Programming front-end UI (Uses client-side code, HTML,CSS, JavaScript,
etc.), Programming back-end application (Server-side code such as PHP, MySQL, etc.), Testing, revising & re-testing
over and over again until everything on site looks & behaves exactly as project design dictates.
24. Agile Design: Depends strongly on collaboration.
25. Bottom-up Design: Moves from parts to whole
26. Ethical: Based on common attitudes about right vs wrong.
27. Legal: Based on common attitudes about right vs wrong.
28. Mind Mapping: Captures and arranges ideas. Diagram used to visually organized information.
29. Mood Board: Depicts a site's layout and color scheme.
30. Site Specification: Functionality, content, architecture, and design.
31. Vision Statement: Like a mission statement for a site.
32. Web Site Host: ISP
33. Word List: Describes the site theme.
34. Cross-Functional Teams: Work teams composed of members with different skill sets, such as usability
experts, graphic designers, and programmers.
35. Iterative Process: Process that is repeated as many times as it takes to achieve a desired goal.
36. Publishing a Site: Uploading all of the site files to a Web server and making these files accessible to the
public on the internet.
37. Web Site Architecture: Organization of the content of a Web site.
38. Web Site Specification: Detailed description of the key considerations & components that go into making
the site.
39. Benefit of drawing a mind map by hand.: It fosters an immediate & visceral connection between
hand, brain, & map contents.
40. Architecture: Defines structure of the site.
41. Suggested tactic for implementing the general strategy of attracting & re-
taining site visitiors.: Personalize users experience by displaying their name, visual preferences (colors,
layout, text size, etc.), products suited to their profile, and so on.
, User Interface Design - C773
Study online at https://quizlet.com/_f4ipwa
42. A set of standards guiding the conduct of the members of a World Wide Web
community & establish basic values for responsible actions & practices within
that community.: Ethics
43. Denial of Service (DOS) attack.: Attack that cripples the server by consuming all of its network
bandwidth, forcing them to deny service to the users.
44. Advantage of using mood boards for design?: Thing of beauty, an artistic collage in its own
right. Aesthetically strong mood board can inspire a design team to make the Web site equally beautiful.
45. Who should review & approve the specification before the project moves
forward to the design phase.: Client (individual or company who hired you to design the Website)
Customers (site users),
All primary stakeholders.
46. Define Phase Web Site Production: Content (page elements)
Structure (relationships between pages)
Functionality (user tasks) & Form (appearance) is specified.
47. Using copyrighted materials (text, images, music, films, etc.) without permis-
sion.: Violation of both ethics & copyright law.
48. FTP (File Transfer Protocol): Used to transfer files between 2 computers connected to the internet.
49. Bottom-Up approach main advantage.: Places user satisfaction (usability) right where it should
be: at the head of the designers list of priorities.
50. Bottom Up: Considered better for Web Design.
Begin by identifying essential user needs, desires, & behaviors.
Info as a guideline, build the actual site.
Bottom(user needs generates the top (site).
51. Creating Web site strategy: Define the brand
Determine the goal
Define the audience
Analyze the competition
52. Define the brand: What message & unique values should site establish for company brand.
53. "A concise statement of Web sites main goals & vision it has of its presence
of the online world": Web site vision statement.
54. Creating a word list is a 2 step process.: First is divergent, it expands material being created.
Second is convergent, sm set of key works, shrinks material to a tight focus.
Study online at https://quizlet.com/_f4ipwa
1. ARPAnet: Advanced Research Project Agency(ARPA) network, a government network that evolved into the inter-
net in 1982.
2. Back-end: A Web site is the code & functionality that resides on the Web Server, & is invisible to end-users.
3. Cascading Style Sheets (CSS): W3C technology for laying out & formatting HTML docs.
4. W3C: World Wide Web Consortium an international community that develops open standards to ensure the
long-term growth of the Web.
5. Dad Visualization: Complex data depicted in a simple, graphic format.
6. Design Document: Compendium of design-centered documentation: goal statements, competitor analy-
ses, customer interviews, functional specs, sketches, wireframes, mockups, etc.
7. Dynamic HTML (DHTML): Set of technologies used to create interactive Web sites, typically HTML,
JavaScript & CSS.
8. Flash: Proprietary technology for developing Web animations; sometimes used as a platform for entire sites.
Requires a browser plug-in to view & run.
9. Flat UI Design: Minimalist approach to UI design that uses simple 2D visual elements, typography and colors.
10. Front-End: Web site is visible interface that end users interact with.
11. Hypertext Markup Language (HTML): Basic language for structuring documents to display in
Web browsers.
12. Media Query: CSS3 feature that enables content presentation to adapt to variable conditions such as screen
size & resolution across a variety of devices. (smartphone, tablet, laptop, desktop)
13. Parallax Scrolling: Computer-graphic technique in which background layers of an image scroll slower than
the foreground layers.
14. User Interface (UI) Design: Planning & creation of a set of controls that enable a user to interact with
a computer device.
15. White Space: Blank space used to separate objects in a design. Can be color, not just what. Also called empty,
blank, or negative space.
16. Wireframes: Blueprint-like diagram of a user interface.
17. Web Site Designer: Like the right brain hemisphere: creative, imaginative, & intuitive.
18. Web Site Developer: Like the left brain hemisphere: logical, linear & analytical.
19. "On Time & On Budget: Mantra of a project manager.
20. Web Site Style Guide: Compendium on conventions for the formatting & content of a Web site.
21. Responsive Design: Seeks to provide an optimal experience for users across a wide range of devices.
, User Interface Design - C773
Study online at https://quizlet.com/_f4ipwa
22. Different Web Design teams use different models to capture their process for
executing a project. Most models share these essential phases (in chronological
order): Information gathering, Planning, Design, Development, Testing, & Delivery & Maintenance.
23. Developer Responsibilities: Programming front-end UI (Uses client-side code, HTML,CSS, JavaScript,
etc.), Programming back-end application (Server-side code such as PHP, MySQL, etc.), Testing, revising & re-testing
over and over again until everything on site looks & behaves exactly as project design dictates.
24. Agile Design: Depends strongly on collaboration.
25. Bottom-up Design: Moves from parts to whole
26. Ethical: Based on common attitudes about right vs wrong.
27. Legal: Based on common attitudes about right vs wrong.
28. Mind Mapping: Captures and arranges ideas. Diagram used to visually organized information.
29. Mood Board: Depicts a site's layout and color scheme.
30. Site Specification: Functionality, content, architecture, and design.
31. Vision Statement: Like a mission statement for a site.
32. Web Site Host: ISP
33. Word List: Describes the site theme.
34. Cross-Functional Teams: Work teams composed of members with different skill sets, such as usability
experts, graphic designers, and programmers.
35. Iterative Process: Process that is repeated as many times as it takes to achieve a desired goal.
36. Publishing a Site: Uploading all of the site files to a Web server and making these files accessible to the
public on the internet.
37. Web Site Architecture: Organization of the content of a Web site.
38. Web Site Specification: Detailed description of the key considerations & components that go into making
the site.
39. Benefit of drawing a mind map by hand.: It fosters an immediate & visceral connection between
hand, brain, & map contents.
40. Architecture: Defines structure of the site.
41. Suggested tactic for implementing the general strategy of attracting & re-
taining site visitiors.: Personalize users experience by displaying their name, visual preferences (colors,
layout, text size, etc.), products suited to their profile, and so on.
, User Interface Design - C773
Study online at https://quizlet.com/_f4ipwa
42. A set of standards guiding the conduct of the members of a World Wide Web
community & establish basic values for responsible actions & practices within
that community.: Ethics
43. Denial of Service (DOS) attack.: Attack that cripples the server by consuming all of its network
bandwidth, forcing them to deny service to the users.
44. Advantage of using mood boards for design?: Thing of beauty, an artistic collage in its own
right. Aesthetically strong mood board can inspire a design team to make the Web site equally beautiful.
45. Who should review & approve the specification before the project moves
forward to the design phase.: Client (individual or company who hired you to design the Website)
Customers (site users),
All primary stakeholders.
46. Define Phase Web Site Production: Content (page elements)
Structure (relationships between pages)
Functionality (user tasks) & Form (appearance) is specified.
47. Using copyrighted materials (text, images, music, films, etc.) without permis-
sion.: Violation of both ethics & copyright law.
48. FTP (File Transfer Protocol): Used to transfer files between 2 computers connected to the internet.
49. Bottom-Up approach main advantage.: Places user satisfaction (usability) right where it should
be: at the head of the designers list of priorities.
50. Bottom Up: Considered better for Web Design.
Begin by identifying essential user needs, desires, & behaviors.
Info as a guideline, build the actual site.
Bottom(user needs generates the top (site).
51. Creating Web site strategy: Define the brand
Determine the goal
Define the audience
Analyze the competition
52. Define the brand: What message & unique values should site establish for company brand.
53. "A concise statement of Web sites main goals & vision it has of its presence
of the online world": Web site vision statement.
54. Creating a word list is a 2 step process.: First is divergent, it expands material being created.
Second is convergent, sm set of key works, shrinks material to a tight focus.
