User Interface Design - C773 EXAM WITH ANSWERS

User Interface Design - C773 EXAM WITH
|\ |\ |\ |\ |\ |\ |\




ANSWERS

ARPAnet - CORRECT ANSWERS ✔✔Advanced Research Project
|\ |\ |\ |\ |\ |\ |\


Agency(ARPA) network, a government network that evolved into |\ |\ |\ |\ |\ |\ |\ |\


the internet in 1982.
|\ |\ |\




Back-end - CORRECT ANSWERS ✔✔A Web site is the code &
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\


functionality that resides on the Web Server, & is invisible to end-
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\


users.


Cascading Style Sheets (CSS) - CORRECT ANSWERS ✔✔W3C
|\ |\ |\ |\ |\ |\ |\ |\


technology for laying out & formatting HTML docs.|\ |\ |\ |\ |\ |\ |\




W3C - CORRECT ANSWERS ✔✔World Wide Web Consortium an
|\ |\ |\ |\ |\ |\ |\ |\ |\


international community that develops open standards to ensure
|\ |\ |\ |\ |\ |\ |\ |\


the long-term growth of the Web.
|\ |\ |\ |\ |\




Dad Visualization - CORRECT ANSWERS ✔✔Complex data
|\ |\ |\ |\ |\ |\ |\


depicted in a simple, graphic format.
|\ |\ |\ |\ |\




Design Document - CORRECT ANSWERS ✔✔Compendium of
|\ |\ |\ |\ |\ |\ |\


design-centered documentation: goal statements, competitor |\ |\ |\ |\ |\


analyses, customer interviews, functional specs, sketches,
|\ |\ |\ |\ |\ |\


wireframes, mockups, etc. |\ |\

,Dynamic HTML (DHTML) - CORRECT ANSWERS ✔✔Set of
|\ |\ |\ |\ |\ |\ |\ |\


technologies used to create interactive Web sites, typically HTML, |\ |\ |\ |\ |\ |\ |\ |\


JavaScript & CSS.
|\ |\ |\




Flash - CORRECT ANSWERS ✔✔Proprietary technology for
|\ |\ |\ |\ |\ |\ |\


developing Web animations; sometimes used as a platform for|\ |\ |\ |\ |\ |\ |\ |\ |\


entire sites. Requires a browser plug-in to view & run.
|\ |\ |\ |\ |\ |\ |\ |\ |\




Flat UI Design - CORRECT ANSWERS ✔✔Minimalist approach to UI
|\ |\ |\ |\ |\ |\ |\ |\ |\


design that uses simple 2D visual elements, typography and
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


colors.


Front-End - CORRECT ANSWERS ✔✔Web site is visible interface
|\ |\ |\ |\ |\ |\ |\ |\ |\


that end users interact with.
|\ |\ |\ |\




Hypertext Markup Language (HTML) - CORRECT ANSWERS
|\ |\ |\ |\ |\ |\ |\


✔✔Basic language for structuring documents to display in Web
|\ |\ |\ |\ |\ |\ |\ |\ |\


browsers.


Media Query - CORRECT ANSWERS ✔✔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)
|\ |\ |\




Parallax Scrolling - CORRECT ANSWERS ✔✔Computer-graphic
|\ |\ |\ |\ |\ |\


technique in which background layers of an image scroll slower
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


than the foreground layers.
|\ |\ |\

,User Interface (UI) Design - CORRECT ANSWERS ✔✔Planning &
|\ |\ |\ |\ |\ |\ |\ |\ |\


creation of a set of controls that enable a user to interact with a
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\


computer device. |\




White Space - CORRECT ANSWERS ✔✔Blank space used to
|\ |\ |\ |\ |\ |\ |\ |\ |\


separate objects in a design. Can be color, not just what. Also
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\


called empty, blank, or negative space.
|\ |\ |\ |\ |\




Wireframes - CORRECT ANSWERS ✔✔Blueprint-like diagram of a
|\ |\ |\ |\ |\ |\ |\ |\


user interface.
|\




Web Site Designer - CORRECT ANSWERS ✔✔Like the right brain
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


hemisphere: creative, imaginative, & intuitive. |\ |\ |\ |\




Web Site Developer - CORRECT ANSWERS ✔✔Like the left brain
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


hemisphere: logical, linear & analytical. |\ |\ |\ |\




"On Time & On Budget - CORRECT ANSWERS ✔✔Mantra of a
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\


project manager. |\




Web Site Style Guide - CORRECT ANSWERS ✔✔Compendium on
|\ |\ |\ |\ |\ |\ |\ |\ |\


conventions for the formatting & content of a Web site. |\ |\ |\ |\ |\ |\ |\ |\ |\




Responsive Design - CORRECT ANSWERS ✔✔Seeks to provide an
|\ |\ |\ |\ |\ |\ |\ |\ |\


optimal experience for users across a wide range of devices.
|\ |\ |\ |\ |\ |\ |\ |\ |\

, Different Web Design teams use different models to capture their
|\ |\ |\ |\ |\ |\ |\ |\ |\


process for executing a project. Most models share these
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


essential phases (in chronological order) - CORRECT ANSWERS
|\ |\ |\ |\ |\ |\ |\ |\


✔✔Information gathering, Planning, Design, Development, |\ |\ |\ |\ |\


Testing, & Delivery & Maintenance.
|\ |\ |\ |\




Developer Responsibilities - CORRECT ANSWERS ✔✔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. |\




Agile Design - CORRECT ANSWERS ✔✔Depends strongly on
|\ |\ |\ |\ |\ |\ |\ |\


collaboration.


Bottom-up Design - CORRECT ANSWERS ✔✔Moves from parts to
|\ |\ |\ |\ |\ |\ |\ |\ |\


whole


Ethical - CORRECT ANSWERS ✔✔Based on common attitudes
|\ |\ |\ |\ |\ |\ |\ |\


about right vs wrong.
|\ |\ |\




Legal - CORRECT ANSWERS ✔✔Based on common attitudes about
|\ |\ |\ |\ |\ |\ |\ |\


right vs wrong.
|\ |\ |\




Mind Mapping - CORRECT ANSWERS ✔✔Captures and arranges
|\ |\ |\ |\ |\ |\ |\ |\


ideas. Diagram used to visually organized information.
|\ |\ |\ |\ |\ |\