Week 10B

In Class

In class, we did an exercise where we screenshot part of a website we find interesting and explain to others why we thought it was interesting.
Also, we have in class work time to finish and edit our wireframes. I have my desktop and mobile wireframes displayed below.
There are 3 sizes - Desktop, Tablet, and Mobile

Desktop -

Tablet -

Mobile -

Week 10A

In Class
In class, our wireframes were due, and I did not have mine. I spent the majority of class using Axure to put them together.

Week 9 Outside of Class

Wireframes

Home Page

About Page

Adoption Page

Grooming Services Page

Other Information Page

Contact Page

Week 9B

In Class

Today in class, we were introduced to Axure. Axure is a software that helps with wireframing, rapid prototyping, documentation and specification. 

Axure: supports prototyping Rich Internet Applications by mapping desired interface behaviors (such as displaying or hiding an element) in response to actions like mouse clicks or touch gestures.

Axure RP: generates HTML websites and Microsoft Word documents as output. 

The Axure RP Pro application window is divided into 7 main areas:

• sitemap - a hierarchical list of pages
• widgets
• masters (templates, or reusable collections of widgets)
• design area
• page notes and interactions
• widget annotations and interactions
• widget manager - a list of all elements on the page

Widgets available include:

• wireframe: image, text panel, hyperlink, rectangle, table, line (horizontal/vertical), menu (horizontal/vertical), tree
• form controls: button (various shapes, including tab buttons), text field, text area, drop-down list, list box, checkbox, radio button
• placeholder, inline frame, dynamic panel (used to achieve interactivity)

Users create custom controls by combining existing widgets and assigning actions in response to events such as OnClick, OnMouseOver and OnMouseOut or touch gestures like pinch and swipe. For example, interface panels can have a number of states, each being activated by clicking on an element such as a tab button, list-box item, or action button.

Read more about Axure by clicking here.

Meeting with Professor Pannafino

In class, I had a individual meeting with Professor Pannafino. He looked over my visual inventory, and said that I definitely did the work, and that I'm really close. He said I need to reference the visual inventory sample here and make changes to mine. 

In Class: Website Personas

In class after my meeting, I decided to use Axure to create two web personas for The Bunny People, the nonprofit organization I chose. Here are the results:

Week 9A

Today in class, we were able to work on our visual inventories and we had individual meetings with Professor Pannafino. I did not go today, since we ran out of time, so I continued to edit and work on my visual inventory for The Bunny People.

Week 8 Outside of Class

Visual Inventory

For next class: Create a persona in detail for next class, what you can do in two days. Make it digital.

Week 8B

The Bunny People

For today's class, we were supposed to call one of the nonprofit organizations we chose. I chose The Bunny People in Harrisburg, PA. I tried calling them to no answer, but I did shoot them an email. I remember visiting The Bunny People last year because I thought it was a place where you could just adopt bunnies. Turns out, you have to schedule an appointment. They have a lot of bunnies. What I did not know until now was that they are rescue rabbits.

Here are some screenshots of their website + other sites:

1) http://thebunnypeople.org/

2) http://awos.petfinder.com/shelters/pa256.html

3) https://www.facebook.com/BunnyPeople-119367438079370/

So yeah...both sites need major help, and the last link is their Facebook page, which they keep updated. Luckily for me, I gathered some inspiration for a possible redo:

1) Site Inspo from WIX:

Site Inspo from