Huset WebApp · 1.Eventseeker • Add a clickable ‘more info’ for the events 2. Volunteer •...

Post on 28-May-2020

2 views 0 download

transcript

Huset WebAppMasaWu,ChiaraNicola,GiadaFerrari

Problem Steps to the Solution

• IAbasedonspecificPersonas• RestructurenavigationandfiltersUX/UI

• Overloadofnavigationoptions(Hick'slaw)

Performer

Event seeker

Volunteer

Personas

Card Sorting test CHANGESBASEDON3PERSONAS:• 3maincategories:

Events–Performer–Volunteer->changeeventintoeventseeker

• Restrictburgermenuoptionstoonemaincategory(event,mycalendar,venues)andkeepcommoncontentandFAQ

Huset WebApp IA

WebApp SEO• MetaKeywords• MetaDescription• Relevanttextcontent,usingkeywords• UseofH1,H2andH3withrelevantcontent• Followingnamingconventionsandusing

relevantimages,foldersandfilenames• Useofrelevantaltattributes• Relevantinternalandexternallinks

Promotional Link to WebApp• Husetwebpage• Huset’s socialmedia

WebApp Design• Wedevelopednewcorporate

identityforHuset• Differentcolorschemeforeach

persona

1.Eventseeker• Add a clickable ‘more info’ for the events

2. Volunteer • Add a new custom field: volunteer shift for

the working shift hours. • Add icons for shift hours of the volunteer

and the location for the event to help visualize.• Add a message icon to get direct access to

the messages

3.Performer • Add contrast between font sizes and font weight to improve

readability include a button at each venue where user can click and see the events taking part at that venue.

• Nesting and chunking content for each venue, creating a drop down menu solution with icon for each custom field.

Think Aloud Test

Links

TRELLO:https://trello.com/b/0EAQ12fa/huset

GIT:https://github.com/masa-stirn/huset

WPBACKAND:http://test.masawudesign.dk/wp-json/wp/v2/http://designki.dk/CMS/wordpress/wp-jsonhttp://ferrarigiada.com/kea/07-cms/wordpress/wp-json

WEBAPPLINK:http://masawudesign.dk/kea/huset/huset-performers/