KSCC
Website Redesign
9.5.2020
Haejin Suh - haejinsuhh@gmail.com
Sam Lee
Sunny Lee
Content
01 Context & Goals
02 Pre-Research
03 Key Insights
04 Current Practices
05 Website Analysis
06 Key Features
07 Website Builder Comparison
08 Next Steps
The Set Up
01
Context & Goals
OMCFC / KSCC Website Redesign/ Context & Goals
Context
The KSCC is an organization that provides elderly citizens all over Southern California community by hosting different classes.
Due to COVID, all of these classes have been cancelled, leaving many of our elderly citizens isolated.
Link here | Link here
Goals
Pre-Research
Context
With a specific age range of our target demographics, we researched topics on UI/UX(User Interface & User Experience) for older audiences.
OMCFC / KSCC Website Redesign/ Pre-Research
Resources
Key insights
OMCFC / KSCC Website Redesign/ Key Insights
1. Visually contrasting UI/UX.
Similar variations of color may go unnoticed for older users. Increasing overall font sizes to a minimum of 16 px and color contrasts will help elderly users who may have visual impairments.
2. Do not use slangs or jargons.
Clear UI language is key because certain slangs, “phonetics, and wordplay can create challenges to certain age groups”
3. Easy and short sitemaps.
“Ui navigation system needs to be even more straightforward to facilitate the user journey.”
4. Everyone loves beautiful products.
Don’t underestimate senior users and focus too much on utility without creating visually captivating design. Everyone loves a good design!
5. Less experiments.
Similar to the concept of “Don’t make me think,” the UI/UX must be clear enough that users don’t have to keep experimenting to find the page they want
The Now
02
Current Practices
Context
To observe our current challenges, narrow down feature additions, and remap the site navigation, our team analyzed the current website practices.
OMCFC / KSCC Website Redesign/ Current Practices
Current Sitemap
Current Website Review
Heuristic Evaluation
Website Analysis
Context
Our team also analyzed website analytics provided by IONOS(current website provider) to adjust our plan for the website redesign.
OMCFC / KSCC Website Redesign/ Website Analysis
Most Frequently Visited Pages
OMCFC / KSCC Website Redesign/ Website Analysis-01
Do not use slags or jargons.
Clear UI language is key because certain slangs, “phonetics, and wordplay can create challenges to certain age groups”
Key Insight
Highest Bounce Rate
OMCFC / KSCC Website Redesign/ Website Analysis-02
Do not use slags or jargons.
Clear UI language is key because certain slangs, “phonetics, and wordplay can create challenges to certain age groups”
Key Insight
Browsers
OMCFC / KSCC Website Redesign/ Website Analysis-03
Do not use slags or jargons.
Clear UI language is key because certain slangs, “phonetics, and wordplay can create challenges to certain age groups”
Key Insight
Key Features
Objective
In order to proceed with the new sitemap and possible switch of the website provider, our team decided to narrow down the key features needed for the redesigned website.
Except the 4 narrowed down listed key features, everything else the website needs seemed to fit the criteria of every website provider (ex: simple introduction page, buttons, etc.).
OMCFC / KSCC Website Redesign/ Key Features
Key Features
Website Builder Comparison
Website Provider
OMCFC / KSCC Website Redesign/ Website Builder Comparison-01
| IONOS | SQUARESPACE | WEBFLOW | WIX |
Ease of Use | 4 | 4 | 3 | 4 |
Editor | 3 | 4.5 | 5 | 4 |
Mobile Editor | X | | | |
Core Features | 3 | 4.5 | 4 | 5 |
Storage | Unlimited | Unlimited | Unlimited | 2GB |
Pricing | $179/year | $144/year | $144/year | $156/year |
Final Review | Chromebook of website builders - restrictive, lacking core elements | Apple of website builders - easy edit, clean, restrictive | Linux of website builders - big learning curve, very customizable | Android of website builders - customizable |
Pros:
Cons:
Final Recommendation:
Squarespace
OMCFC / KSCC Website Redesign/ Website Builder Comparison-02
** We recommend WIX if:
The Future
03
Next Steps
1. Sitemap
We are working on creating a new sitemap for a simpler, clear, and concise navigation through the website
2. Wireframe
After creating our sitemap, we will create a wireframe (bare bones of the website) to lay out content and functionality on a page which takes into account user needs and user journeys. This step will involve KSCC for their feedback on our recommendation.
OMCFC / KSCC Website Redesign/ Next Steps
3. User Interface
With the wireframe in place, we will create a visual language for the website that will be cohesive and simple. This include choosing fonts, website colors, button shapes, and etc. This step will involve KSCC for their feedback on our recommendation.
4. User Testing
With few members, we will be testing the usability of the website for iterations.
5. Final Website Redesign
After receiving feedback, we will make iterations and create our final website redesign for approval.
Thank you!
9.5.2020
Haejin Suh - haejinsuhh@gmail.com
Sam Lee
Sunny Lee