Wireframes v1 - Draft and notes



Activities/Events

Login, Registration and Invite

  • Include option for OAUTH (connect to facebook/google/etc..) for login
  • make first step of user profiles and setup
  • ** organization "invite" screen  will create profile 
  • link to check if it's a 503C3: http://www.guidestar.org/
    • make document with our standard, etc...


User Profile and Setup - FOR CITIZENS, first time

** REMOVE BUTTONS FROM BOTTON OF SCREEN ** (for the time being)

step 1step 2step 3step 4step 5

  • Remove the "steps" from top of screen
  • adding swipe feature to navigate to next screen
  • buttons at the bottom should stay (maybe as arrows ">>")
  •  Step1:
    • We're not going to have the political quiz for phase 0.5 (MVP), consider adding in phase 1.
  • Step 2:
    • brainstorm tags, categories, types of organizations to target, other organizational details
      • discuss at next meeting
    • Add Interests: make text/input box, live search, change name to something like "search for more interests"
  • Step 3:
  • MAKE FIRST STEP, part of the  
    • Zip Code: - MAKE IT'S OWN STEP, LAST STEP
      • google has civic api for voting districts
      • make into the last step
  • Step 4
    • make "finished!" celebration animation
    • edit your tags/user info/
      • make into clickable cards to go back an edit
  • Step 5:
    • shows user profile
      • What's the purpose of the profile:
        • create accountability for attending by creating a rank
          • rank grows through check-ins, and other things... TBD
      • What goes on user profile
        • Name (MVP)
        • picture (MVP)
        • about (MVP)
        • rank (for phase 1)
          • # of check-ins
          •  other rank metrics "
        • few past events attended/checked-in (MVP)
        • Voting District info (multiple), instead of zip code (PRIVATE)
        • tags don't show publically (consider change  for phase 1) (PRIVATE)

User Profile and Setup - FOR ORGANIZATIONS, first time



Posting Events

  • Add event time/date
  • add event location
  • add link to website (optional)
  • add event image (optional)
  • add 'import event' button/dialoge from facebook, other (phase 1+)

Dashboard Feed

  • make into two sections:
  • upcoming events
    • Top section
    • larger of the two sectionsmy events:
      • Bottom section
      • smaller
      • collapsable - becomes a wide button at the bottom

Events

  • export button for adding to calendars
  • add number of people attending
  • Attending
    • button(s) at bottom of Event screen
      • go/no-go
  • Check-ins
    • button for check-in
      • only active during time interval of event
      • time permitting, lso geolocation based 
    • Option 1: based on geo-location & time of event ** Moving forward with this option for now ** 
    • Option 2: verification code
    • Option 3: commenting feature/picture verification

Citizen Journalism (Articles)


Get Civic'd (learn)