Next Door Organics (www.nextdoororganics.com)www.nextdoororganics.com LIS 643-02: Personas and Scenarios: Meghan Constantinou, Barbara Douglass, Susan.

Slides:



Advertisements
Similar presentations
WordPress Getting Started. What is the purpose of a classroom web page or blog? It is a web site that maintains an ongoing chronicle of information. A.
Advertisements

How to begin. Step 1 Create a free account with weebly by logging in with Facebook, or using an and password you choose.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Refresher Instruction Guide Strategic Planning and Assessment Module
Eere.energy.gov Agenda Review usage trends Recommendations based on data EERE’s plans to address template-level findings Crazy Egg Analysis: Usage Trends.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Competitive Analysis for Massachusetts Medical Society Team 1 John, M.E., Simone, Tina.
Adobe Forms THE FORM ELEMENT PANEL. Creating a form using the Adobe FormsCentral is a quick and easy way to distribute a variety of forms including surveys.
Bingoopile It’s More Than Just a Search Engine…. By: Khalid Taha, Anna Bierma, & Tristen Eivins.
Getting Started (The Basics) Copyright 2012 Peoplemovers.com, All rights reserved.
Wikispaces in Education Tutorial Jennifer Carrier Dorman
Apiitfreeware websites is about all free sources such as software, video, wallpaper, games in different categories We use different technologies for.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.
XP 1 HTML: The Language of the Web A Web page is a text file written in a language called Hypertext Markup Language. A markup language is a language that.
NAVIL GONZALEZ ANDREA CANTU MAGALY LUNA Heuristic Evaluation.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
Kcrw.org Dino Anastasia Mellanye Lackey Mary Morgan Abbey Potter.
Better Portal Team Alpha's. General idea... * User friendly - affordances! * Clean, Not cluttered - white space is important! * Efficient - get the info.
Project Manager: Lead Designer: Information Architect: Lead Developer: Lakeshia Burnside Myrtle Nurse Ashlei Evans Stacey Jeanpaul Web site Visual Design.
Updated website; linked to the updated social sites.
Web Page Aesthetics Analysis Paper Main Points. Visual Appeal & Effectiveness Coherence, clarity, balance, innovation, form, size, perspective, layout,
Introduction to Web Page Design. General Design Tips.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive to Brooklyn Farmyards O: Not all users are familiar with.
Zipcar ( Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive because it.
Etsy ( Etsy ( BK FarmyardsEtsy URL S: The URL is clear, logical and intuitive because it is the same.
Wikispaces in Education Tutorial Fatema Kashoob Nawal ALKathiri
Urban Farming ( Urban Farming ( BK FarmyardsUrban Farming URL S: The.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Personal Background Dale is an urban farmer in his mid-thirties. He is interested in sustainability and encouraging food justice. He has been involved.
Hey Neighbor! ( Hey Neighbor! ( BK FarmyardsHey Neighbor! URL S: The URL.
Websites with good heuristics Irene Wachirawutthichai.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.
By Lauren Mayer WEBSITE RESEARCH. NYLON MAGAZINE WEBSITE Header, this is the title of the website and should be the main attraction. This example had.
Shaelynn Long-KishShaelynn Long-Kish, Instructional Designer Mid Michigan Community College Building Beautiful Courses: Layouts, Lessons, Blocks, & Books.
WEBSITE REDESIGN PROPOSAL Daniel Sterling (818)
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
Home Page Analysis Darnell Romulus Assignment 1 10/30/2015 Mr.Fonseca.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Web page design. Web Site Design Principles Design for the Medium What is meant by Hyper Media? Hypertext links.
Next Door Organics ( Next Door Organics ( LIS :
Microsoft Expression Web 3 – Illustrated Unit G: Designing Site Navigation.
Question 1: In what ways does your product use, develop or challenge forms and conventions of real media products? By Amos Mukombero.
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Website Tools & Resources Navy League of the United States Citizens in Support of the Sea Services Building an Online Presence for Your Council What is.
WEEBLYWEEBLY A user friendly FREE website builder Tips and Instructions.
Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive because it is the same as the organization’s (BK Farmyards)
County Website Content Management System
Navigation CS 4640 Programming Languages for Web Applications
Thawatchai Piyawat Jantawan Noiwan Anthony F. Norcio
Layout - you need to understand that a simple navigation bar:
Content Best Practices
How to customize your Microsoft SharePoint Online website
Web Programming– UFCFB Lecture-4
IFPUG new site pilot March, 2014 CMC Committee.
How to customize your Microsoft SharePoint Online website
Documentation Review Tod Hilton.
An audio and visual tutorial
Facebook Page for your business
Develop Your Web Presence Using WEEBLY
Presentation transcript:

Next Door Organics ( LIS : Personas and Scenarios: Meghan Constantinou, Barbara Douglass, Susan Fisher, Cari McIntyre, Ka Siu. BK FarmyardsNext Door Organics URL S: The URL is clear, logical and intuitive because it is the same as the organization’s (BK Farmyards) name. It is human-readable. O: The URL is very clear and matches their site title. Users can easily remember the site location W: The term "BK" might not be known to all as Brooklyn. It could mean Burger King or other things. T: The URL is written out and does not include acronyms. The clear url allows unfamiliar users to locate the site easily. Home Page Design S: The font is nice and visually pleasing to the eye; the graphics are big, and the images draw in your eye and call attention to themselves. O: The labels on the tab are not intuitive to users who are unfamiliar with the farming culture which makes them unclear. The interactive tabs are also a bit confusing and not as user friends. "W: inconsistency in image quality, color, fonts, symmetry; main navigation is at bottom; no priority to labeling; relevance is not hierarchical; labels size is meaningless; random choice of labels; main right label navigates away from site-- not clear link destination; need more relevant info; not clear link destinations in general T: The template design of the homepage is very clear and well designed. The colors are soft and coordinated, but are also functional. You can easily distinguish between links and text and images. Home Page Content PageInterior Page

2 Next Door Organics ( BK FarmyardsNext Door Organics Interior Page Design S: Logo and color schemes match the homepage. The blog format gives it a more manageable look and feel. The content of most of the images coordinates and is related to the corresponding text content. O: The interactive features are a bit choppy. The map on "grow" automatically changes with the mouse when you don’t select it. The different size fonts seem to be inconsistent and makes it hard to focus on what its the title and what is the content. W: IP opens as another tab/window, indicating to users that they are no longer on the BK Farmyards site. There is no organization as to how the information is arranged. Inconsistent labeling and design. Multiple pages on identical or similar content (Example: 'About Us' : an d farmyards.html - these two pages are functioning as two separate sub-sites with huge overlaps in information.) Links are not linked properly (Example: 'farmyards' is linked to Doesn't say when it was last updated. - these two pages are functioni T: The template on the interior design pages are also very clear and well thought out. The language is easily readable and can be understood to an outside user. The user is also able define each page and locate the next action steps. Search Functionality S: There is no search functionality whatsoever. O: No search functionality on main sight, just on the blog. W: Search box in upper left, not labeled 'search'. No advanced search option. Can only search blog posts, not full content. On the search does not work. On there is no search option. search option. T: Since the interior pages and links throughout the site are so clear, it seems the eliminate the need for a search capability. Features Offered S: There are several features offered, including Subscribe to newsletter, a donate option via PayPal, connecting via online network (like Facebook on the blog site), a Google calendar for events on the blog site, and a map of Urban Farm Network under the BK Farmyards left hand vertical navigation. O: There are several Interactive features through the site including maps in "grow", sign up forms and payment options. W: The Donate Here link on the blog site links back to the home page instead of directly to the PayPal donation page. The Subscribe To Our Newsletter option on the home page is fairly simple to use, but on bkfarmyards.com the Newsletter is posted, whereas on the blog you need to click on Join our Mailing List.bkfarmyards.com T: No calendar for events, no events mentioned at all. The sign up forms are also standardized for volunteer, intern and farm organizer even through they have very different roles.

3 Next Door Organics ( Navigation S: There are diverse content navigation options-- several ways to get to the same place. O: The global navigation is very basic and the labels are not very intuitive to unfamiliar users. There is no local navigation present. W: Overlap in content between primary horizontal nav and vertical secondary nav (e.g. Apprenticeships/Volunteer Opportunities). Unclear relationship between primary and secondary. The homepage navigations are poorly located, labels are not clear and most are linked to external sites. On the blog site, the navigations are both listed on top tabs and left side menu. On the bkfarmyards.com the navigations are on the side menu. Use of abbreviation, CSA. Labels not clear. T: lots of contextual navigation with links in the context that are easily identified in green color. Interaction Design S: None or limited. O:Interactive features are very rough and hard to use. The home page interactive features only change when you hover over the section, they should also change with you hover over the tab, otherwise you do not know they are connected. The Google maps don't seem to have a real function besides pointing to a farm. W: Interaction is all over the place, easily confusing users. Some links on right side (e.g. Join our mailing list) look like they should be clickable but aren't. T: The home page interactive navigation is a unique way to tell more about each tab without the typical hover funtion. Maps in "grow" are also a great way to show context of the farms in the area. Visual Design S: Visuals are relevant to the site. O: The visuals are clear and coordinated to the site. However, they are all of similar plants and are not engaging to the user. W: Visual are all over the place and in different format that add to is disorganization. Different colors between headings and clickable subheadings on left menu would be helpful. Overall design is clunky, text is not linear, no consistent coloring, formatting is flawed. T : Visuals match the theme of the site (color and context) the layout is very clean and intuitive to unfamiliar users. Social Networking S: They utilize social media to promote. O: The site does not take advantage of all social networking sites, not linked to twitter or four square. W: The links to social media gets lost in the disorganization. T: Facebook link easily identified on homepage BK FarmyardsNext Door Organics