METTE, META, MIA & MIKKEL https://Mettegottlieb.dk https://metaemilie.wordpress.com/ https://miaeportfolio.wordpress.com/wo rdpress https://mikkelborgsvendsen.wordpress.co.

Slides:



Advertisements
Similar presentations
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
Advertisements

Sending Newsletters with Wordpress and Subscribe2.
GENERAL USABILITY CONSIDERATIONS. Overview of usability Aspects of usability – Learnability, memorability, efficiency, error reduction Techniques for.
Clearing your Cookies Google Chrome A short guide to help you navigate our website faster Brought to you by:
Your tool to help you build a list of Subscribers.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Good & Bad Websites. From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are.
Contact: Fei Gao Office of Information Technology Montclair State University Creating Professional ePortfolios with Google Sites.
We just made contact with our client in the last few days. She said there is more information coming in the next few days. The only thing she has expressed.
Beginning A PowerPoint Presentation  To begin click on the Windows 2000 folder. Then double click on PowerPoint. If you do not see a Windows 2000 folder.
How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.
Adding attachments on an Attachments are files e.g. Videos, Photos, Word, PowerPoint, and work these are sent with an . Attachments are very.
Academic Computing Services 2010 Microsoft ® Office Visio ® 2007 Training Get to know Visio.
SOCIAL NETWORKING APP FACEBOOK. WHAT IS FACEBOOK Facebook was created in 2004 by Mark Zuckerburg and was first used on computers. It was one of the first.
STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.
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.
Introduction to Communicator 2007 Send and receive instant messages Now for the payoff: instant messages. They combine the advantages of and phone.
East Aurora Website Setup Mrs. Harty Teacher Webpage Index: Click Picture for Examples Mrs. Harty Summer 2011 District 131 Step Nine: Downloads.
LESSON #3 WEB DESIGN. WHAT IS WEEBLY? Weebly.com is web 2.0 like online site builder with some advanced features. Is the perfect tool for creating classroom.
Scrap Book of Design Critiques by Rohit Maddipudi HF /03/2013 Bentley University 1.
Searching the Internet Using Google Tips and Tricks.
Adding Content To Your Faculty Page 1.Login 2.Create your Faculty Page 3.
FOR EAGLE’S NEST INTERMEDIATE SCHOOL WEBSITE TUTORIAL.
Going Mobile with MobileMana Get a great mobile website solution today!
Using Internet Information Effectively in Marketing Floyd Memorial Library Greenport, NY Nov. 7, 2011.
EDW647: Internet for Educators Dr. Roger Webster Department of Computer Science Millersville University July 23, 2008 Create.
CIS—100 Chapter 15—Windows Vista 1. Parts of a Window 2.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
User Tests Group: Aleksandar Kolev, Anastasiq Petrova, Alex Petrova, Irina Dzhogolova, Teodora Kacharova.
CREATED BY: BRAYDEN ROOS DO’S AND DON’TS OF WEB DESIGN.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.

Cathleen Karaffa Wordpress/ ckaraffa Test Findings ckaraffa.
Enjoy-a-Ball Franchisee Basic training guide. Welcome to your Enjoy-a-Ball Micro site. Here you can create your own personal page within the Enjoy-a-Ball.
A guide to take the GEO & DBSP’s Entrepreneurial Assessment Tests Go to
How to Request Materials Tutorial Order, Borrow, Renew made easy (expected running time: ~7 minutes) Oregon State Library.
Last.fm Hall of F/S Brian Morris Edward Nishihama.
How to Use Facebook This guide will help you navigate around the social networking site, Facebook.
 When you receive a new you will be shown a highlighted in yellow box where your can be found  To open your new just double click.
By your audience.  Get a Phone Number  What hours are they open  Address & map  Do they offer the services I am looking for?  See what the Doctor.
SUMMER RESOURCES To keep you educated and entertained!
How to find LFHHS Online on Facebook LFHHS Online LFHHS Online – Steve Williams 2015.
Principles of effective web design NOTES Flo Morris-Duffin.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Book report by Mrs. Theriault How can I create cool effects? Change the background: right click on the background of the slide. Click on the pull down.
Utilizing Your Class Site Class Website Guide by Kimberlee Fulbright.
Build a database VI: Create reports for a new Access database Overview: Help others understand your data Previous courses in this series showed you how.
Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.
FACEBOOK Material adapted from
Welcome to What is weebly.com? How does weebly.com work? What can I do with a weebly website? Contact Information: Marissa Sampson
Do This file can be found at
By Soni Bal & Carol Chu. Over 400 participants, most were parents and coaches More than 95% use the website Majority of people use the website every few.
{Bricks & Mortar and E-Commerce} By KATHY SAECHOU 10/19/07.
How to set up an account- Non-Technical Aimee Lilley.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Thetimes.co.uk Top level review of subscription & pay wall.
Log on to Your user name will be the same as your current address except after sign you must enter “irs-mos.org”.
M STREAM IT running dos C :/ dommand delete D :/ freesize D :/ load D ;/ dagger C :/ toloadtype dag D :/ dag Loading operating win 96 Loading disk.
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.
GOOGLE LEARNING TO USE YOUR G-MAIL ACCOUNT.
How To Make Easysite Forms By Joshua Crawley Contact:
Notify Me I want to be notified of important activities at my child's elementary school.
Submission if Paying to Print in Dublin ($38)
D.Y.O. Web The new and easy way to create and maintain your own professional dynamic website.
HOW DO YOU USE THE INTERNET?
Fast Action Links extension A love letter to CiviCRM
How to Use Members Area of The Ninety-Nines Website
ADVANCED GUIDE TO ING This guide is for people who can already use and send to a good standard but cant use the more advanced.
The Orsett Surgery Website
Presentation transcript:

METTE, META, MIA & MIKKEL rdpress m/

EXPERT REVIEW

TWO VISUAL ERRORS Error #1 BEFORE $

TWO VISUAL ERRORS Error #1 AFTER

TWO VISUAL ERRORS Error #2 BEFORE $

TWO VISUAL ERRORS Error #2 AFTER

EXPERT REVIEW TITLEDESCRIPTION DANGER LEVEL PICTURESOLUTION RESOURCE S Lines The text is distracting to look at. As it is not aligned with the text above in the menu line. Place the text so that it is aligned with the text in the above menu, to give a better overview. $ Misguiding picture text It stands that you can click on various pictures to make them bigger. This does not work. Fix the link so that the picture does become bigger when you click on it $$ Empty new sites The sites under the news feed are all empty. Despite there being text in the start of the link. Fix the empty spaces with some news about the subjects. $$$ Contact box The contact box is distracting and is filled with unnecessary stuff. It also gives a false expectation that you can scroll further down the page. Remove it. Place the more important things down in the footer at the bottom of the page. $ Search function There is no search box on the site at all. It could become problematic if there comes to much information on the website and you are in need of a quick search. Put one in the right corner so people can easily find it. $$

DESIGN PRINCIPLES  Lines  Groups  Hierarchy  Usability  Simplicity  Input and output  Closedness

USER TEST

Gitte – person 1 (50)Kim – person 2 (53) First look at the website: ”oh, that is definitely something about gardens” What’s next: After a short look at the frontpage, Gitte went to “about us” to tage a look at the firm and its values. “There is too much text going on here” Next step: She went to the “portfolio” page to look at some of the gardens. “I think that the recommendations should be here too. Under or next to the pictures. Then there are two pages in one, and no need for the “Testimonials” page After seeing some pictures, she went to the “design process” “too much text again. It looks boring” Then she said that she wanted to book a meeting, so she clicked on the contact button, and started to fill out the box. “I don’t know what “service” means? And there are no phone number or address?” First look at the website: Kim thinks that the front page is very welcoming. “The colors and the picture are beautiful” What’s next: He went to the “portfolio” site, so he could see some of the work that the firm has done. Next step: After that, he went to the “design process” page. “wow, there is a lot of text here.. I don’t know where to begin” After reading it, he went to “about us” “More reading.. Too much.” He actually said that he didn’t want to book a meeting, because he lost the interest. There was too much text on the sites. “It is very easy to use, and I like the design, but you have to do something, so the text looks more welcoming”

USER TEST Charlotte – person 3 (48) Hmm, I guess that it will be under contact. Yes! So I would just fill this out and press send. It would probably lie under about us. (Begins to read) I can´t really understand if I should find it by reading this. Or if it´s that up in the grey box. (Goes in under garden furniture & soft furnishing) But it doesn´t work. Many of them doesn´t work. (I explain which works) Then I will guess it is under portfolio. Hmm, where is it. Ah, it is there.

GANGSTER TEST Names: Which website are you on? Which overall sections exist on the side? Which subpage are you on? What options do you have on this level? Where are you in the structure? How did you get there? Can you search? And where can you do that? Charlotte Lise Lotte Henrik033030

This is the link to our website