Class 9 @rwdkent
Competitive Analysis
Competitive Analysis Understand competition and how they communicate What ideas could be helpful to you? What ideas do you want to avoid? Pick out desirable patterns
Template Document
Content Strategy and Information Architecture
How would you define content strategy?
How can content prototypes help with the web design process?
What must be finished first, content or design?
“There is a symbiotic relationship between content and design. One cannot thrive without the other.” Mark Boulton
Quality Updated Hierarchy Owner Tone Content Audit Type Format Representation
missing What’s __________ ?
Sitemaps Outlines Content Prototype
College of Communication & Information Proposed Website Architecture www.kent.edu/cci - Short CCI Introductory Messaging (touch on top types of programs) - Calls to Action : See CCI Majors & Degrees, Schedule Advising Appointment, Visit Campus, Support CCI HOME - Get Started : Find the CCI Major or Degree for You, Visit CCI, Apply Now - Beyond the Classroom: Get Involved (tiles of involvement opportunities), News and event briefs Admissions & Costs Academics & Advising CCI Student Life About CCI Undergraduate Majors, Involvement & Student Campus & School Visits CCI at a Glance Minors & Courses Jobs - Find Your CCI Major - Visit/Tour/Shadow Day Dates - Dean’s Welcome & Bio - Clubs & Organizations - List of Majors/Programs by School - Schedule Individual Tours - CCI Facts & Figures - CCI Student Ambassadors - List of Minors - Campus Visits - CCI History - IdeaBase - Highlighted Courses & Curriculum - CCI Diversity - Glyphix - Cross Link to CCI Global - Cross link to Schools & Programs - TeleProductions - Stories from Current Students - Student Media - Student Work Gallery Tuition, Scholarships & Financial Aid Schools & Programs Campus Living - Cost Breakdown Communities Graduate Programs - Financial Aid & Scholarships - Scholarships for underpresented - CCI Commons students (Diversity) - Graduate Programs by School - Campus Living Amentities - Highlighted Courses & Curriclum - Cross Link to Residence Services Faculty/Sta ff Directory - Graduate Research Opportunities Undergraduate Admissions Global & Study Away - Admissions Criteria Ph.D. Program News & Events - Cross link: Scholarships & Aid - Cross link: Campus Living - Start Application - About the Ph.D. in Communication - Highlighted feature stories Facilities & Technology - Degree Requirements & Courses (with full banner graphics) - Ph.D. Research Opportunities Graduate - News briefs (CCI + by School) - Events listing (CCI + by School) Admissions - Taylor Hall Classrooms & Facilities - Technology & Computer Labs Advising & Graduation - Equipment Checkout - Admissions Criteria - Cross link Scholarships & Aid - Start Application Alumni, Friends & Giving - Undergraduate Advisers by School Research Options & Appointment Scheduler & Highlights - Graduate / Ph.D. Advising - Ways to Give - Graduation Application Process (all) Ph.D. - Greatest Needs Admissions - Highlighted distinctive CCI research - Alumni Networking & Events - Research Centers in Schools - Alumni Association - Opportunities for undergrad research - Alumni Events - Admissions Criteria Internship & Career - Distinctive Alumni - Cross link Scholarships & Aid Preparation - Start Application - Internship Options by School
How do we create e ff ective site navigation?
Concise Context Clear Interactive Selective Consistent
Most Important
“How Users Read on the Web: They don't. People rarely read Web pages word by word; instead, they scan the page, picking out individual words and sentences.” Jakob Nielsen http://www.nngroup.com/articles/how-users-read-on-the-web/
Desktop
80% Less Mobile http://www.lukew.com/ ff /entry.asp?1117
Thinking Mobile First
How Can Focusing On the Constraints or Capabilities of Mobile Devices Help Improve Our Websites?
“Design is the art of gradually applying constraints until only one solution remains.” Unknown
Use Constraints to Focus on User Needs Take Advantage of Mobile Capabilities
“Mobile First” Luke Wroblewski
Sketching
Why Do We Sketch?
How Can We Sketch Mobile-First?
Recommend
More recommend