... | | |Axia College/ College of Information Systems & Technology | | |IT/236 Version 4 | | |Web Design I | Copyright © 2009, 2007, 2006 by University of Phoenix. All rights reserved. Course Description This course introduces effective Web design principles and the essential role of the Web designer in today's business environment. Topics covered include site architecture, page layout, navigation, content, functionality, and usability. Students will evaluate existing Web sites and apply best practices to prototype a unique design using a Web authoring application. Policies Faculty and students/learners will be held responsible for understanding and adhering to all policies contained within the following two documents: • University policies: You must be logged into the student website to view this document. • Instructor policies: This document is posted in the Course Materials forum. University policies are subject to change. Be sure to read the policies at the beginning of each class. Policies may be slightly different depending on the modality in which you attend class. If...
Words: 2186 - Pages: 9
...Information architecture is the architecture of this information space Lin, J. 2008. Introduction: What is Information Architecture? Available online at http://www.umiacs.umd.edu/~jimmylin/INFM700-2008-Spring/Session1.ppt IA Examples http://www.mta.info/nyct/maps/submap.htm IA Examples IA Examples http://en.wikipedia.org/wiki/File:SteacieLibrary.jpg IA Examples www.nist.gov IA for the WWW • Information Architecture 1. The structural design of shared information environments. 2. The combination of organization, labeling, search, and navigation systems within web sites and intranets. 3. The art and science of shaping information products and experiences to support usability and findability. 4. An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape. Information • Information – Web sites – Documents – Software applications – Images – Metadata • Terms used to describe and represent objects such as documents, people, processes and organizations IA Concepts...
Words: 2739 - Pages: 11
... | Copyright © 2012, 2009, 2007, 2006 by University of Phoenix. All rights reserved. Course Description This course introduces effective Web design principles and the essential role of the Web designer in today's business environment. Topics covered include site architecture, page layout, navigation, content, functionality, and usability. Students will evaluate existing Web sites and apply best practices to prototype a unique design using a Web authoring application. During this class you will develop the skills to plan a Web site by creating a Project Proposal for a five-seven page Web site. Refer to Appendix A for details on the sections submitted in Week 2, Week 3, and Week 7. During Weeks 3, 4, 5, 6, and 8 you will complete the Toolwire Labs and Exercises to create HTML Pages using Dreamweaver. These Exercises/Labs are submitted to the Assignment Section of the Classroom. During Weeks 4, 5, 6, and 8 you will apply what you learned in the Labs/Exercises by building a two page Web site. The Web site will consist of the index.html and one additional html page based on the Web site you are planning in the project proposal. You will complete portions of the Web Site each week. The complete project is completed in Week 8 with the Web Site Prototyping...
Words: 3036 - Pages: 13
...hire. The site provides such a gateway, acts as an introduction to the public, and allows a visitor to peer in and evaluate the effectiveness and worth of the company. Criteria In preparation for the redesign, careful consideration must go into what criteria to judge the old design and other examples for sites. To that end, the following criteria are of utmost importance: page layout, content presentation, navigation, effective links, color and graphics, font usage, accessibility, relevance spacing, multimedia, and browser compatibility. Each piece must fall under certain criteria in order for the user to consider it effective. Certain elements and pitfalls should remain at the forefront of any design to justify the resource cost of the criteria. Page Layout The first thing anyone would notice about the Riodan Manufacturing website is that is is cluttered with useless images that contain absolutely no context. There is a slideshow of images that take center stage. The first image is of different plastic bottles. The second image is nearly undiscernible as to what it is meant to represent. The third image is of two different types of fans. The fourth image is of a number of plastic containers. It is unclear as to what the point of these images are designed to represent. Also, these photos should not take up a majority of the screen. There is no information about the company located on its only public facing home page. No site map is present, as the site is only...
Words: 1538 - Pages: 7
...Website Redesign and Prototype WEB/240 November 14, 2013 Website Redesign and Prototype Riordan Manufacturing wants to redesign the organization’s website. According to Apollo Group, Inc (2013), Riordan Manufacturing Inc. is a “global plastic manufacturing company owned and operated by Riordan Industries, a Fortune 1000 enterprise.” The organization produces plastic beverage containers at its Albany, Georgia, plant; custom plastic parts in Pontiac, Michigan; plastic fan parts in Hangzhou, China. The San Jose, California, headquarters are also home to the company's research and development. Riordin Manufacturing would like to expand and improve the quality of the organization’s website. The design of Riordan Manufacturing Inc.’s website is an admirable first stage of a purposeful website. There are improvements that are necessary for the website to be successful. Some of the improvements consist of the online features and resources that the company already has incorporated in the website. After carefully evaluating and improving the website, Riordin Manufacturing will have a purposeful website. Website Evaluation Riordan Manufacturing Inc. aims to generate and improve the online business by directing more traffic to her website. The main purpose for this website is to keep the customers, suppliers, and vendors updated with current information about their orders. This information includes the precise time that the processing facility receives the customers’ orders...
Words: 2486 - Pages: 10
...1. CheckPoint: Navigation • Research the best practices for site navigation. • Find examples of effective site navigation from the Internet. • Identify examples of how you would like your site navigation to work and function. • Take a screen shot of at least one example. • Write a 700- to 1,500-word paper explaining the effective design features. Include the screen shot. • Post your paper as an attachment. I take great pride in making my site look great and also be extremely accessible. There are plenty of sites I visit that actually do not have the best navigational features or even the best looks to them. ESPN.com has always been one of the sites that I visit most frequently. Recently the design changed and I find it overall to be pretty good, but I would not like to mirror my site after its design. Another site that I constantly visit is that of IGN.com. This site used to be designed in a way that I loved. All of the best links could easily be found in the left hand column (Reviews, Previews, Release Dates, Codes and much more). The current site design is much more complicated and they actually left out some of the things that I visited often. It is almost impossible to browse reviews of older games without looking for a specific game. When I picture my website in my head there are a few things that I think of. I would like to have a graphic or banner at the top of the page that gets people attention and lets them...
Words: 734 - Pages: 3
...WEB 236 Entire Course (UOP) For more course tutorials visit www.tutorialrank.com Tutorial Purchased: 5 Times, Rating: A+ WEB 236 Week 1 DQS part 1/3 WEB 236 Week 1 DQS part 2/3 WEB 236 Week 1 DQS part 3/3 WEB 236 Week 1 One Weekly Summary WEB 236 Week 2 DQS part 1/2 WEB 236 Week 2 DQS part 2/2 WEB 236 Week 2 Two Weekly Summary WEB 236 Week 2 Individual Assignment: Website Purpose and Architecture Plan- please add own images WEB 236 Week 3 DQS part 1/2 WEB 236 Week 3 DQS part 2/2 WEB 236 Week 3 Individual Assignment: Website Navigation and Development Plan- Please Add Own Images WEB 236 Week 4 Individual Assignment: Website Content Plan- Please Add Own Images WEB 236 Week 4 Learning Team Assignment: Research and Drafting: Develop Recommendations for Re-Design WEB 236 Week 4 DQS WEB 236 Week 4 Four Weekly Summary WEB 236 Week 5 Learning Team Assignment: Website Evaluation Paper and Prototype for Re-Design --------------------------------------------------------------------------------------- WEB 236 Week 1 DQS part 1/3(UOP) For more course tutorials visit www.tutorialrank.com Tutorial Purchased: 0 Times, Rating: No Rating WEB 236 Week 1 DQS part 1/3 ------------------------------------------------------------------------------------------------------------------------ WEB 236 Week 1 DQS part 2/3(UOP) For more course tutorials visit www.tutorialrank.com Tutorial Purchased: 1 Times, Rating: A+ WEB 236 Week 1 DQS part 2/3 ---------------------...
Words: 906 - Pages: 4
...(hyper text markup language) code to define format and functions Include text, downloadable files, audio, video and animation in different formats Allow non linear navigation to other pages through hyperlinks 3 Print vs. Web Pages: Similarities Writing principles ◦ Customized content for different user groups ◦ Clear, concise, accurate, and relevant content ◦ Simple and easy-to-understand language Design elements ◦ Good typography ◦ White space, emphasis, and contrast ◦ Simple, clutter free page design and layout 4 Print vs. Web Pages: Differences Features Print Pages Web Pages Content Uniform for all users User specific content Links and labels Not available Standard features Navigation tools Not available Standard features 6 Distribution Limited / local distribution Global distribution Sound and Animation Not available Available in different formats Performance Does not vary Internet speed affects performance Interactivity Low volume and delayed response times Instant response through email and message boxes 5 What are the first steps in web page design? State your purpose/objective – why build a website for your business? Determine your audience – who are your target audience? Define the content – what kind of information will be provided on your site? Identify the essential resources – do you have the budget, personnel, materials, tim other...
Words: 3595 - Pages: 15
...Don’ts Website Reader Friendliness Checklist Exercise 2 Characteristics of Web Pages Create building blocks of a website, like a page in a book Require a browser such as Internet Explorer, Firefox etc to be viewed Contain HTML (hyper text markup language) code to define format and functions Include text, downloadable files, audio, video and animation in different formats Allow non linear navigation to other pages through hyperlinks 3 Print vs. Web Pages: Similarities Writing principles ◦ Customized content for different user groups ◦ Clear, concise, accurate, and relevant content ◦ Simple and easy-to-understand language Design elements ◦ Good typography ◦ White space, emphasis, and contrast ◦ Simple, clutter free page design and layout 4 Print vs. Web Pages: Differences Features Print Pages Web Pages Content Uniform for all users User specific content Links and labels Not available Standard features Navigation tools Not available Standard features 6 Distribution Limited / local distribution Global distribution Sound and Animation Not available Available in different formats Performance Does not vary Internet speed affects performance Interactivity Low volume and delayed response times Instant response through email and message boxes 5 What are the first steps in web page design? State your purpose/objective...
Words: 3595 - Pages: 15
...There are multiple benefits of having a website such as: save time and cost, increase sales, services, and accessibility, higher credibility, and so forth. For this research paper I will be analyzing six web pages. Based on the e-business I’m creating, three business pages I’m reviewing are: Essay Lab, Smart Writing Services and Ninja Essays. The remaining three web sites are: Suffolk Community College, Nassau Community College and Dr. Ebrahimi’s website. To begin with, Essay Lab is one of the three writing service businesses I’ve selected. The home page of this particular business is informative and gives a good idea of what the business is about and why would a person need to use their service. However, I feel more information to support their business could be provided. Another issue is the content is not direct to the point; instead it drags on causing lack of interest to the reader. Stating live chat availability and not actually providing it is another problem with the website which fails to meet the 7x2C standard of ‘Completeness and Coverage’. On the other hand, the navigation is consistent and effective. The organization of the website as well is intuitive and easy to understand. Although the search engine clashes with the background color, it is easy to use. A drawback to the search though is it doesn’t come with advanced options. Nevertheless, the results are efficient and easy to read. Moreover they direct you towards what you’re looking for, which is the most...
Words: 3603 - Pages: 15
...highest possible standard of accessibility is provided. The content in addition to structure of the website ought to be meticulously designed for simplicity use and provide concise information to the visitor. The overall presentation of the website is required to be eye appealing without overwhelming graphics and sounds, although graphics help make webpages compelling and provide the user interactivity, the design should not use more media than needed. An important part of the designers planning involves continuous improvement by constantly evaluating and maintaining the website. The included material will provide techniques that will help develop a successful website for an Internet web company called www.jorgiestyle.com. Web Site Purpose The Jorgiestyle.com music website purpose is to promote...
Words: 1872 - Pages: 8
...propelled it to becoming the largest online bookseller and retailer. Keywords: Amazon.com, business plan, E-Business Model Amazon.com’s E-Business Model In determining whether or not Amazon.com has lost its identity, my approach will involve reviewing and comparing Amazon’s web site purpose with other competition websites, using Appendix Table 1. I will also be comparing site’s objectives with the general business plan outlined in the 2009 Amazon.com Annual Report which states:- “Amazon.com opened its virtual doors on the World Wide Web in July 1995 and offers Earth’s Biggest Selection. We seek to be Earth’s most customer-centric company for three primary customer sets: consumers, sellers, and developers. In addition, we generate revenue through co-branded credit card agreements and other marketing and promotional services, such as online advertising” (p. 3). Functionality and Design From its inception, Amazon.com had a business model and intention to sell a vast array of goods and services. While its initial products were books, Amazon.com’s model had poised itself to quickly adjust and jump into other new, booming, and demanding markets. Table 1 shows the web site clearly follows this business model such that the list of goods and services offered are immediately seen at the top left side of the...
Words: 1606 - Pages: 7
...Information Architecture Design informs even the simplest structure, whether of brick and steel or prose. —E. B. White In the context of web site design, information architecture describes the overall conceptual models and general designs used to plan, structure, and assemble a site. Every web site has an information architecture, but information architecture techniques are particularly important to large, complex web sites, where the primary aims are to: Organize the site content into taxonomies and hierarchies of information; Communicate conceptual overviews and the overall site organization to the design team and clients; Research and design the core site navigation concepts; Set standards and specifications for the handling of HTML semantic markup, and the format and handling of text content; and Design and implement search optimization standards and strategies. Information architecture encompasses a broad range of design and planning disciplines, and the boundaries among information architecture, technical design, user interface, and graphic design are necessarily blurred by the need for all of these communities of practice to cooperate to produce a cohesive, coherent, and consistent experience for the site user. Architecture is an appropriate metaphor for the assembling of complex multidimensional information spaces shared by many different users and readers, where the underlying structure of information must first be...
Words: 5893 - Pages: 24
...Joseph Jones Gregory Chalk E-Commerce Strategies & Analytics | ADVA407 P01 01/27/2016 E-Commerce Site Comparison An effective e-commerce website I would like to overview is reebok.com there are several factors that make this a successful site. The first is the usability, e-commerce is all about the communication of parties electronically, if a potential client is unable to easily use the website and find information they deem important than the website is destined to fail. I like that the website’s search bar is right up top and is the second thing you see after the logo. Sometimes you just want to type in exactly what you are looking for and go. This leads to another important aspect of an e-commerce website which is navigation. This website has 5 of the biggest categories such as Men, Women, Kids sports apparel right up top. Navigation is the ability of a client or potential client to go from screen to screen on the website and the ease of purchasing from that website. The next important feature is color, this is pretty self-explanatory but could easily be overlooked when a designer or company is building a website. Reebok.com does a great job of using color in the home screen to catch the consumer’s attention and get them interested in their products and promotions. In the “Rally” photo it shows a female runner at night in a pink sweater which shows a lot of contrast and is a nicely done photo. Choosing the correct colors could have an important role in gaining the...
Words: 701 - Pages: 3
...of the goals. As there is an already existing old site running, it is crucial that the analyst understands the business and its technological issues involving the implementation of the project. Since we have an already running Tony’s chips website, it is important to gather the existing functional requirements of the website. The system analyst can get information from the employees of the old company; gather system documentation, production support and also using Fact finding techniques. On gathering this information the system analyst should make a decision on whether to go for a packed solution or develop the software in-house. If we decide to go for in-house development of the website, I recommend that we use; Apache as the web server, JEE as the language to develop the website, Linux as the Operating System and MYSQL for the database of the website. Since MYSQL, Apache and Linux are all open sources the company needs not to worry about their licenses and also by writing the software in Java helps us to deploy the code on any platform and the fact that it is not difficult to find people experienced in Java. While we build the new web architecture, the system design should be able to satisfy all the business needs as well as the needs of customers and the technical staff. Best websites are created by a designer with keen understanding of the interests and expectations of visitors. Features like; organization, navigation, visual design and text should be built in a way...
Words: 1686 - Pages: 7
