Web Design Workshop Project 1 The Worst of the Web.

Slides:



Advertisements
Similar presentations
A PowerPoint Guide to PowerPoint. Overview: When giving a PowerPoint presentation, it is important to remember to be clear, concise, and informative.
Advertisements

How to make a Powerpoint Presentation.
Page Design Scroll zone Data Tables Screen Readers
Certificate in Digital Applications – Level 02 Creative Multimedia – DA202.
10 Tips for Creating Effective Presentations in PowerPoint
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Everything you need to know but may be afraid to ask!
How to prepare a PowerPoint presentation
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Contact: Fei Gao Office of Information Technology Montclair State University Creating Professional ePortfolios with Google Sites.
Nick Donnarumma. We are either very lazy or very efficient because we tend not to read pages. We scan them instead to save time. We don’t figure out how.
1 PowerPoint Presentation Design Wednesday, September 02, 2015Ms. Wear Info Tech 9/10.
Using Technology in Training November 24, 2006 Overview Today’s session will focus on using PowerPoint to develop training materials.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
Jane Doe PowerPoint assignment for FAM 332 April 27, 2015.
GETTING STARTED 1. Click on the START menu and go up to UDT SOFTWARE, then drag over to Microsoft Office, and then down to Power Point 2. Select a theme.
The Wonderful World of Weebly. Contents What is a Weebly? How to plan a Weebly Site Goals Task details Access Link Step by Step.
Website Research By Sophie Hiscock. Fan Marvel Website You know this website is Marvel because of the characters from the comics are in the body, which.
Lesson 1 Text, Graphics Links Content Navigation Video, Audio.
Unit 1 – Improving Productivity Connor Mckeever Instructions ~ 100 words per box.
Getting Started with Moodle Getting Started Logging In Entering Your Address Viewing a Course Navigating Your Course’s Homepage Personalizing Your.
USING POWERPOINT FOR YOUR PRESENTATIONS Dr. Zanete Garanti University of Mediterranean Karpasia.
User Tests Group: Aleksandar Kolev, Anastasiq Petrova, Alex Petrova, Irina Dzhogolova, Teodora Kacharova.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
NARFE Configuration Advisory Board (CAB) Web Page.
Presented by ESC 7 Advanced Academic Services. Click on Set up new account and follow the directions. Return to this page to log in and register for.
How Do I Do That? Creating Wikis Presented By: Stefanie Rosenberg-Cortes Joshua Wager Joshua Brown
Go to your school’s web locker site school name.schoolweblockers.com) Your user name is the first letter of your first name, the first four.
Go to your school’s web locker site school name.schoolweblockers.com) Your user name is the first letter of your first name, the first 4.
Virtual Book Tools How to insert a Text Box Click on Insert Go to Text Box Click on slide to insert OR Click on Drawing Toolbar picture of Text Box Click.
Planning a website by Katie Hardaker There are lots of things to think about when deciding about creating a website…
Creating an Effective PowerPoint Presentation
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
A guide to creating a power point display Essentials Ctl M =New Slide: a new slide can be inserted. It is placed after the slide that you are viewing.
Hi, Learning Skills Students! This is Slide 1 of your Power Point Instruction for this class. After reading each slide, make sure you: 1.Follow the instructions.
PowerPoint Publishing Make Your PowerPoint Like the Pros. By Julie Phelps eMINTS Cluster Instructional Specialist-SW.
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
So you look like the sort of person who knows about webs... Yip So what's a web page? It's just a page of information, on the world wide web, that people.
Go to your school’s web locker site Your user name is the first letter of your first name, the first four letters of.
Building Collaborative Learning Communities a division of Computer Strategies, LLC Your professional development solution.
Principles of effective web design NOTES Flo Morris-Duffin.
How to organize your notes When you are done reading this, you will know: Various ways to take notes How to keep track of your sources How to NOT screw.
Utilizing Your Class Site Class Website Guide by Kimberlee Fulbright.
FINISHING THE SEMESTER STRONG Advisory December 2, 2015.
Introduction to PowerPoint
Taking a Quiz Forums and Quizzes can be accessed either through a link posted within the course shell under the topic area the forum or quiz is assigned,
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.
Steps on making a Powerpoint. There are steps you have to take to be able to get your powerpoint done for example if you want to get a new slide and layout.
How to create an educational wiki. Laurie Roberts 2010.
■ A blog originally was a personal website meant to be like a diary or journal. ■ Basically a type of website, like a forum or a social bookmarking site.
CM202 Class Hints. Use a heading on all your papers. No cover (title) page. Following instructions counts on your grade. The heading should include: Name,
How to Ten Key. While learning keyboarding, you may have learned how to use the numbers row at the top of the keyboard, however if you have a lot of numbers.
How to earn 100% on every assignment! Or at least improve your scores :0)
7 th Grade Big6 Project Assignment: Make a children’s informational book (It can be in graphic novel format or regular picture-book format)
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Introduction to Blogs Dr. Nazli Hardy Millersville University EDW 647 Part 1 Blogging.
 Enter blogger.com in the search barblogger.com  Log-in through a valid Gmail account (or create a Gmail account if you don’t have one)  Then click.
Publisher CREATING A NEWSLETTER. Finished Product.
Getting an account with WordPress.com
Collins Writing Types 1 and 2.
How to Create a Flyer in Microsoft Publisher
Year 7 E-Me Web design.
How to Use Members Area of The Ninety-Nines Website
Tutorial Tutorial Read all the directions before proceeding
I've Got To Write A Research Paper ! ! !.
Power Point 101.
Utilizing Your Class Site
Presentation transcript:

Web Design Workshop Project 1 The Worst of the Web

Web Design Workshop The Worst of the Web Have you encountered a really bad website? How did it make you feel? Irritated? Confused? Lost? Not motivated to navigate the site? Overwhelmed? Tired? Cheated? Bored? Distracted? What else?

The Worst of the Web Do you know why it made you feel that way? Too much information? The content had no organization? Functionality? No color scheme or too many color schemes? Animations? Too many different fonts? Font size too little or too big or too much variation? Sound? Images galore? Interactivity? What else? Web Design Workshop

The Worst of the Web Project 1 is about identifying what is bad design, navigation, functionality, interactivity, content distribution, readability in a website and finding a positive solution to that site. Project 1 Web Design Workshop

The Worst of the Web Project Web Design Workshop

Case Daryl Cagle’s Professional Cartoonists Index Homepage The website looks messy. I have no idea where to start. Words and pictures aren’t in a good organization. Also, it is very long but there is no any button for going back. I need to scroll up to the very top after scrolling it down. 2. Topics It collects cartoons by topics. However, some topics are shown by words, while others shown by pictures! Where is my interested topic? It seems like the website selects some Hot Topics which they think the public would be the most interested in and puts big images on, instead of words only. But all of them are not in an order! “Words Only Topics” are not in an alpha sequence or other obvious arrangement, such as business, sports,etc.. “Pictures’ Topics” are not in any order, either. 3. Font Fonts of “Words Only Topics” are very small but fonts on “Pictures’ Topics” are big and all in different sizes. 4 Navigation system There is no navigation system on the homepage to help the audience find what they are looking for. Not until I click on the button named “New Columns Today On The Cagle Post” will I find “Search our Site.” 5 Pages After choosing a topic, I look through cartoons on the first page from the top to the bottom. When I reach the bottom, I have no idea how many pages are left. There is only a “Next” button. However, when I scroll up again to the very top, I see all numbers of pages, like 1, 2, 3, 4, 5…. The Worst of the Web Web Design Workshop

Case Studies: Time permitting, we will discuss the pros and cons of each site below: Yale School of Art Yale School of Art — Info site for Yale’s art school. Is this site so bad, its good? Or just bad? Sofake.comSofake.com — a design promo site with an inventive navigation — does it work or is it confusing? The Worst of the Web Web Design Workshop

The Worst of the Web Grading Criteria: 6 pts Due Class 2 "Really bad site" posted by class time - 1 pt "Really bad site" presentation of at least 5 relevance & interesting issues - 1 pt Typography for Beg. Chapter 1 &Chapters 1, 2, 3, 4 in Essential Training - 1 pt Due Class 3 Typography for Beg. Chapter 2 & Chapters 5 in Essential Training - 1 pt Finished Flowchart of Redesigned Site - 1 pt Due Class 4 Presentation/printed "Really bad site" redesigned finished Site should be thought with addressed 5 issues presented, has good craftsmanship and be based on finished Flowchart - 1 pt Web Design Workshop

The Worst of the Web Questions? You will be expected to turn in all assignments on their due dates. Assignments turned in late will accrue point losses (remember for each part of an assignment you don’t hand in on time you get an F (zero) for that portion). Late assignments are not eligible for resubmission. All assignments turned in on time may be improved or redone and resubmitted up until the last day of resubmissions. Extra credit points can be earned by doing more or attending various art & digital media-related Don’t forget to post your site and comments before class starts!!! Check website Resources for sites. Web Design Workshop