The home page is dead
Long live the home page
By Derek Moore
“Exemplary Courses”
School of Literature and Language Studies
SLLS4034 - Journalism Studies A2013 Anton Harber
School of M...
Entering in the side door
• What percentage of traffic comes via
– Search engines, e-mail, announcements
– Social Media
– ...
presentations
guest speaker
f2f element
readings
online quizzes
assignment submission
(dropbox)
online element
Course Site...
Cards as a guiding metaphor
Home Page Cards
Present and highlight multiple
parts of your course on the
home page.
Press Add+ to get started
Trigger
Response
Feedback
Rules
1) I click add +
2) Fill in the heading and select the type of card
3) Press submit
Then a new card appears
Trigger> Response > Feedback
Let me repeat the pattern
I can follow use these rules repeatedly
and another card type appears
Trigger:
What happens if I
click on the cross
Response
Feedback:
The card disappears
when I confirm my
decision
Rules
1) I click X
2) I’m asked to confirm
3) When I confirm the card disappears
4) And the cards are re-arranged
Trigger - An onscreen event that triggers the interaction
Response - The users response to the trigger
Feedback - The reac...
The interface should
1) Treat each widget independently, but be consistent
2) Allow the user to re-arrange the page, but a...
http://dropthings.omaralzabir.com/?Widget_to_Widget
WIDGET
Each of the cards are
independent of each other but
same rules ...
http://mcpants.github.io/jquery.shapeshift/
SHAPESHIFT
If I move cards around, the
screen arrangement is
readjusted to fit...
http://masonry.desandro.com/
MASONARY
The cards can move around so
as to fit into the screen size
DRESSING TO IMPRESS, DIRECT OR
TO ENGAGE?
Are we….
The home page is dead
The home page is dead
The home page is dead
Upcoming SlideShare
Loading in...5
×

The home page is dead

851

Published on

The Home Page is dead - discussion about our metaphor for course home pages need to change. Presented at #Sakaisa14

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
851
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • http://insideintercom.io/why-cards-are-the-future-of-the-web/Cards give bursts of informationCards can be manipulated.Cards can be manipulated.
  • The home page is dead

    1. 1. The home page is dead Long live the home page By Derek Moore
    2. 2. “Exemplary Courses” School of Literature and Language Studies SLLS4034 - Journalism Studies A2013 Anton Harber School of Mechanical, Industrial & Aeronautical Engineering MECN2012 Randall paton School of electrical engineering Thomas Blaser ELEN4007 - Engineer in Society2013 School of Chemical and Metallurgical Engineering Chem & Met Eng POSTGRADS Kevin Harding School of economic and business sciences BUSE2002 - Human Resources IIA2013 Althea Jansen INFO3002 Ernest Skinner School of education EDUC2194_2013 Daniel Lefoka EDUC4144_2013_Modern Physics Emmanuel Mushayikwa WSOA5038_2013 Avril Jofee WITS School of Arts DRAA4084 -Film and Television Production IVA2013 Eran Tahor
    3. 3. Entering in the side door • What percentage of traffic comes via – Search engines, e-mail, announcements – Social Media – Home Page
    4. 4. presentations guest speaker f2f element readings online quizzes assignment submission (dropbox) online element Course Site Home page
    5. 5. Cards as a guiding metaphor
    6. 6. Home Page Cards Present and highlight multiple parts of your course on the home page. Press Add+ to get started Trigger
    7. 7. Response
    8. 8. Feedback Rules 1) I click add + 2) Fill in the heading and select the type of card 3) Press submit Then a new card appears
    9. 9. Trigger> Response > Feedback Let me repeat the pattern
    10. 10. I can follow use these rules repeatedly and another card type appears
    11. 11. Trigger: What happens if I click on the cross
    12. 12. Response
    13. 13. Feedback: The card disappears when I confirm my decision
    14. 14. Rules 1) I click X 2) I’m asked to confirm 3) When I confirm the card disappears 4) And the cards are re-arranged
    15. 15. Trigger - An onscreen event that triggers the interaction Response - The users response to the trigger Feedback - The reaction of the computer to the users response Rules - The generalised rules developed by the user to explain this interaction
    16. 16. The interface should 1) Treat each widget independently, but be consistent 2) Allow the user to re-arrange the page, but also rearrange automatically 3) Optimise the layout according to the screen width
    17. 17. http://dropthings.omaralzabir.com/?Widget_to_Widget WIDGET Each of the cards are independent of each other but same rules apply to each block
    18. 18. http://mcpants.github.io/jquery.shapeshift/ SHAPESHIFT If I move cards around, the screen arrangement is readjusted to fit cards in optimally
    19. 19. http://masonry.desandro.com/ MASONARY The cards can move around so as to fit into the screen size
    20. 20. DRESSING TO IMPRESS, DIRECT OR TO ENGAGE? Are we….
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×