Proposal and Documentation Bottom-up Web Design Guyen Dinh.

Slides:

Advertisements

Similar presentations

3.01D Design Multimedia Presentations

Advertisements

1 Today’s Goal: Web Design for Usability To become able to appreciate the role of usability in Web design To become able to identify some of the factors.

An Introduction to Styling Your Resume & Creating Your Showcase

Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 9A.

PoRtFoliO Amy Coyle. Goals and Objectives Goal- The goal of this project is to display my artwork in a way that allows users to easily navigate from one.

Technical Writing II Acknowledgement: –This lecture notes are based on many on-line documents. –I would like to thank these authors who make the documents.

Project 3: Portfolio Megan Tedor 12/9/08. Goals and Objectives Project Goal: To create a portfolio that can be viewed by potential employers in the Gaming.

Microsoft Visio is diagramming software for Microsoft Windows. It uses vector graphics to create diagrams. The 2007 Standard and Professional editions.

Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.

Type Q Designs Emmy Querubin Emmy Querubin

Goal-Oriented Design/ Class Portfolio V2 Leah Steinbauer.

7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.

Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Analyzing a Webpage/site. Authority Who is the author? What are the author’s credentials? Is the webpage/site sponsored by any organization or corporate?

Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.

Unit 2 — Building Web Part B) Designing the Web. Phase 1: Planning a Web Site Like an architect designing a building, adequately planning your Web site.

COMPUTATIONAL THINKING FOR INFORMATION TECHNOLOGY HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK.

Paul Mundy Planning a website for your organization.

WHAT DO COMMERCIAL ARTISTS CREATE ? The visual part in communicating a message.

Tux Paint Reviewed by team iTeach Jodi Hovest, Scottie Fetters, & Melanie Stainbrook.

A web design firm! Champyon Shots. The Proposal The purpose of this website is to promote Greenville College Soccer for future recruits. The terms of.

Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.

In the Sandbox Playing with SkillPort 7 for the first time.

Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.

Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.

Web Technologies Website Development Trade & Industrial Education

Basic HTML e-Learning Tutorial Storyboard Linda Sauerbrun AET/545 February 15, 2015 Dr. Poe.

We Are Learning To (WALT): Evaluate existing web graphics What I am Looking For (WILF): 4 evaluations that contain: – Detailed descriptions of target.

Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.

The Web. How does the Web work? The web is a collection of networks, starting near your home or office and expanding until we reach the global network.

What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.

Art 155 Information Architecture In-class Presentation Week 3B.

Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.

Website Analysis of By: Taylor Lazzell.

Rux Richmond User Experience Presenting Yourself: Tips for showcasing your IA experience in your resume and portfolio February 26, 2009.

Interface Design.

Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.

WEBSITE DESIGN ELEMENTS Test Friday, February 28, 2014.

Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.

DIY Website Creating an online presence for visual artists and their work. Courtney Mealy / Cattaraugus County Arts Council.

 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.

Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.

For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.

Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.

What’s New in SkillPort 7 for the End User. The Login Page Customize the login page Add your logo, change colors, graphics and welcome text.

I really loved the idea of having a class blog. A place where students can get online accessibility to course information and updates and a place where.

Electronic Portfolios Continued… We will be continuing to work on our electronic portfolios today. The URL to the home page is due by December 11th via.

Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.

Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.

UNIT 3 – WEB DESIGN FINAL PROJECT – DAY 2 Exploring Computer Science – Lesson 3-11.

Student-Community Collaborations George Kontos, Ed.D. Associate Professor Business Division Western Kentucky University (University College Commonwealth.

ENG 328 Students Guide - snaptutorial.com snaptutorial.com For More Tutorials

DMT612 Professional Preparation EFFECTIVE WEB DESIGN.

BY SCHUYLER BAILEY. Why I Want to be a Graphic Designer o I enjoyed my Web Page Design class o Doing things on computers makes me feel accomplished.

Welcome to the ePortfolio Teaching Circle Dr. Michelle Pulaski Behling Media, Communications and Visual Arts.

1 Web Technologies Planning and Designing Client Websites Copyright © Texas Education Agency, All rights reserved.

Pre-Production Meet with the client to create a project plan:

Section 7.1 Section 7.2 Identify presentation design principles

Unit 3 – Web design Final Project

BAYOU ADVERTISING AGENCY

Web Design and Development

Term Project Evaluations Guiding Principles Summary

Creating & Managing for Teaching Purposes

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Web Design 1 Website Construction.

Website production.

Designing a Web Site.

Presentation transcript:

Proposal and Documentation Bottom-up Web Design Guyen Dinh

1. Goals and Objectives Goals and Objectives: Project Goal: To construct a website for my employment porfolio Objectives: To achieve this goal, this project must: 1. Appeal to my potential employers with great visuals 2. Have a cohesive and consistent organization/ layout. 3. Help the reader to quickly and easily understand my message. 4. Enhance user’s interactivity Proposed interactive project:. Problem: To revamp my previous design in project 2( porfolio)for my new homepage and for a broader use.. Prediction: Maintain the general outlook but diminish the complexity in a design. Increase web interactivity.. Procedure: Add more links and descriptions. Simplify the background, maximize the size of a frame which displays the artworks. Choose a more legible font. Data: Incorporate my graphic works and text. Conclusion: A communicative design will allow me to post more varieties of works.

2. Documentation Scope Estimated Time: 3 days ( 5 hours/day x 3 = 15 hours) Assets: Assets availlable to complete project: 1. Mac computer 2. Text Editor: Text Wrangler 3. FTP Fetch Scope estimate: 2 days Actual Time: Actual time to complete project (in hours): 22 hours Assets: Actual assets used to complete project: same Scope estimate: Final project Scope:same

Production Guide Look and Feel This project “look and feel” can be described as: natural, classic, Correlation to Goal Visual Specifics: Color NameRGB NumberHexadecimal Number orange#F3B044 Green yellow

Typography Usage Font NameFont size text Gill Sans 9px textComic Sans11px

Usabiility/User Interface Design Personas of intended users: art and design-related corporate, personal clients, family and friends Age bracket: years old Types of careers: art/creative directors, designers.

User’s tests: 1. Alexandra (22yrs old, graphic designer) Goals: to be successful in her future of design, staying creative. Have a good family. Needs in a website: clear, easy to find navigations. All open on the same page 2. Jenny (24yrs old, copywriter, graphic designer) Goals: Live comfortably. Work in various environments. Needs in a website : good content, unconventional but user-friendly layout designs 3. Leilah ( (21 yrs old, advertising art director major) Goals: graduate, get a job she enjoys, lives w/o a roomate, travel Interests: sculpture, drawing, painting, reading trashy vampire novels Frustrations: cell phone bill, the Columbia grading system Needs in a website: exotic designs, graphic elements.

User testing documentation (User Interface Design)

Of all users I’ve asked, here are a few notes I need to improve my website: Add: picture link, links (resume, graphics, personal blogs, class projects, home, contact info)

3. URI Location and Additional Details URI: Description of files: this is my new homepage featuring class projects and my individual portfolio

4. Credits Rollovers Drop-down menu :