Closed kathreenriel closed 7 years ago
@kathreenriel a rough home mock to get us started. (I will upload a mock of the different nav states as well) (Also, please ignore the logo on the mock)
I put the actionable items like registering in the top nav, where you will see "post an event" as well.
My main concern was communicating the main point of the project:
Footer: I moved "Terms and Conditions" and "Privacy" to the footer and added "Contact" there as well. This is a common pattern. Other links such as social media links or other contact information can be added here to.
Nav States. The only thing that changes based on if you are logged in as Learner or Organization is the top nav.
A learner can see their saved events under "My events"
An organization can post an event under "Post an event", they can see and edit their events under "My events", and they can see and edit their profile and account information under "Profile"
👍
@bdolor I also have a suggested type hierarchy to help format text. I usually also use spacing units of multiples of 4px to help create an even layout.
font size/line height
H1 = 32/36 H2 = 24/28 H3 = 20/24 UPPERCASE H4 = 20/24 Title Case H5 = 16/20 Bold P = 16/20 P = 14/20
Events List (you can ignore the top nav here)
A list of events. This may be the same for Learners and Organizers. The difference will the meaning of the edit button. Depending on the backend functionality, Organizers viewing their own events can edit their event details (name, time, location) and can remove events. Learners will be able to use edit to remove events from their list.
Search results will also look like this, except with the title "Search Results" instead of "My events", and there will be no edit button. I think it would be nice to display the search criteria used on this page as well, I think those details will be valuable if someone shared their search results.
Event
This will be relatively the same for Organization and Learner, except that the edit button will only be available if an organizer is viewing their own event. The edit button will not be visible for Learners or Guests.
Thanks for this @Magitron — I don't know if the following elements are still subject to change, but if/when they're locked down, would you post here the colour palette and fonts used?
Super start to the home page @Magitron! Here is my feedback with revised pics of the homepage below
Header
[ ] Take out categories
[ ] Take out events
[ ] Make blue section narrower
[ ] Change black print "Early Years Professional Development" to another shade other than black (grey?)
[ ] Insert value proposition (good idea! - I'll think of something)
Map Section
Search section
_
Learning Showcase section
Footer
@Magitron Nav States Here are my revisions for this based on our conversation this morning and other look at it this afternoon.
My Events Page
@Magitron View Events Page looks good
re: moving the grey nav bar to the top creates an awkward bump up against the admin bar when a user is logged in. Grey nav bar will bump right up against the admin bar. Kathreen has asked for the admin bar at the top to be removed https://github.com/BCcampus/eypd/issues/33 though getting rid of it entirely means replacing a fairly robust navigation system.
Though the needs of the user at this iteration are fairly minimal, view profile, edit profile, logout, they will grow. Setting up an expectation of where to go for these functional elements will avoid potential confusion down the road. The current design needs to consider either incorporating the admin bar or be able to eventually replace a complex navigation system with some or all of the above elements.
Right @bdolor the grey and black nav bar together at the top collide. My understanding is we are leaving the black nav bar in place and taking out the words, "how's it going" and the Wordpress icon in the top left hand corner, magnifying glass in the top right hand corner then waiting for feedback from the community before considering to omit the black bar - will duplicate this comment in #33 @Magitron I'll leave the placement/inclusion of the grey nav bar with you to consider further and propose suggestions.
@bdolor @kathreenriel Just to make sure I'm understanding this correctly. The admin is only for administrators of the site, not for the users? In that case, /wp-admin just be used to login as an administrator? Is that where you say we are losing the nav system?
EDIT The sign up looks like its for the user, but the log in looks like its for wordpress admin...
Either way I think if the login is for the user, it should be part of the main nav, and having that login bar at the top can be confusing to the user because it doesn't seem like its part of the same site. Can I restyle the back wordpress bar entirely?
@bdolor I don't think I have your email address, could I email you with some questions on the development?
@Magitron Brad's email is bpayne@bccampus.ca he is not working on Fridays for the next few weeks.
The black admin bar provides all levels of login (Admin, Organizer and Learner) and administration describes the options all user can change in a submenu within the black nav bar. See pics below for Olivia (organizer) and Larry (learner)
@Magitron yes redesign the black nav bar
@Magitron just remembered that the Ministry logo needs to be on the homepage. Here's the logo
Hi @Magitron here's a summary of 'to do's for homepage
Homepage
My Events
Event
Hi Maggie,
The homepage is looking good!
@Magitron Answer to your question, In one of our calls you had mentioned a list of pages that need to be ready for the first development phase (for Dec 8) Could you send me that list? Then I can make sure I have all the styles covered.
@bdolor am I missing any page(s)?
@kathreenriel, this is what I was thinking for the nav bar. (except with My events
being Edit my events
)
I think I also still need two links and graphics for the showcase :)
@Magitron Here are links, text, graphics for the Learning Showcase
Science of Early Child Development link - http://www.scienceofecd.com/
The Science of Early Child Development (link -http://www.scienceofecd.com/) (SECD) makes current research accessible to anyone interested in learning more about the impact of early experience on lifelong health and well-being. SECD offers many online resources to bring research and concepts to life with hundreds of readings, videos, links, reflect questions and interactive activities.
Kindergarten Transitions (link : http://www2.gov.bc.ca/assets/gov/family-and-social-supports/child-care/supporting_seamless_transitions.pdf)
Maureen Dockendorf, Superintendent of the Early Years, has distributed Supporting Seamless Transitions for B.C.'s Youngest Learners (link: http://www2.gov.bc.ca/assets/gov/family-and-social-supports/child-care/supporting_seamless_transitions.pdf) , a summary that highlights practices used in schools and communities to support our youngest learners as they transition into Kindergarten. Regional professional development sessions will occur in the spring in each of the Fraser Valley, Kootenay Boundary, Metro, Vancouver Island, Northern, and Thompson-Okanagan regions.
Is the current plan to put the SECD content statically into the homepage template, or can I suggest an alternate arrangement?
@Magitron no need to build/design the Learning Showcase - @bdolor has come up with a different way to automate/post the content for this section. let me know if I can clarify
Resolved via https://github.com/BCcampus/eypd/commit/d9fcefe39ce19c0e6f7e32c0d2e3b36b2103ee5a will now take the top 2 posts that are 'sticky' and with a category of 'Homepage'
@Magitron the site is looking really good! Are you going to format the map section to appear as proposed earlier designs?
@kathreenriel I would like to, but I think there would be some more development needed from @bdolor. I can style the information once its there, but I'm not sure where to pull that information from. My thought was to have details of the events in the current map section on the side, sort of like google maps. If that isn't possible, I think would be okay to just have any upcoming events in chronological order on the side, just to give the user an idea of current event listings.
It is pretty straight forward with events manager plugin to list upcoming events. I'll see what I can do.
@Magitron - created an area on the homepage for the events in this commit https://github.com/BCcampus/eypd/commit/38c69fdb2c7f3904261cc6d21f189d2957016b11
a couple different options for how events are displayed, I commented out one of the options. https://github.com/BCcampus/eypd/blob/dev/templates/homepage-template.php#L36
further documentation is here http://wp-events-plugin.com/documentation/shortcodes/ - feel free to play around, modify as needed.
closing
Create wireframes that illustrate recommended design and calls to action in terms of fonts, styles, colours, buttons, links and placement/format to maximize the user experience for each of the following roles and processes. See attached file for outline of user stories. user stories.pdf