Apple Watch Accessible Design System - NYC Map Edition

Apple Watch Accessible Design System - NYC Map Edition

Overview

Our design system package is designed to help designers create accessible and inclusive designs for the Apple Watch. It is compatible with Figma and has a comprehensive set of components, icons, and templates to help you start designing. It is easy to use and customize, making it an ideal tool for designers who want to create user-friendly interfaces for the Apple Watch.

Highlights

• 20+ Amazing app screens for a smartwatch (Basic, Accessibility, and Colorblind version)
• Dark theme
• Customizable Layers & Components
• 100% Vector icon set & Vector shapes
• Vector high resolution
• Use of free font family: Pretendard
• Works in Figma

Our Mission

At the heart of our accessible design system package is a belief that, as designers, we have a responsibility to create designs that are inclusive and accessible to all users. When we looked at the existing design systems for the Apple Watch, we found that very few focused on accessibility and inclusivity. So, we wanted to create a design system that would make it easy for designers to create accessible and inclusive designs for the Apple Watch, no matter their level of experience.

Are you tired of...

1. Re-creating the color and typography systems for every single project for Apple Watch?
2. Re-creating every single component again from scratch when you start your new project?

Our product is perfect for...

Designers: The design system is ideal for designers creating user interfaces and experiences for the Apple Watch. It can help designers ensure their designs are accessible and inclusive for users of all abilities while providing a streamlined and efficient workflow for designing consistent interfaces.

Developers: Our product may also be helpful for developers implementing the designs created by designers. The system can help ensure that the designs are easily translatable into code, reducing the time and effort required to bring the designs to life.

Accessibility Experts: Lastly, this may interest accessibility experts focused on ensuring that user interfaces are accessible to all users, regardless of their abilities. The system can help accessibility experts collaborate with designers and developers to ensure that the designs meet accessibility guidelines and are inclusive for all users.

Why do we need an accessible design system?

By simplifying the process of starting new projects, a design system can provide pre-established standards and guidelines that prioritize accessibility and inclusivity in design and development.

🔑 Key Principal

With concerning to color contrast that reaches WCAG 2.1 standard, typography, and implementation of elements, It allows a wider audience to access your product more intuitively.

🔍 WCAG 2.1 Example

🪵 Resource

1. Able
2. WebAIM
3. WCAG Website
4. Inclusive Components
5. Tailwind CSS Color Generator

What’s inside?

Users can customize the UI kit by changing typography, colors, and component properties to match their brand. This allows for a consistent brand identity across the Apple Watch interface while ensuring accessibility for all users.

🎨 Colors

• Can easily change all colors or customize our design system colors.

✒️ Typography

• The components' font family, sizes, and line heights can be easily changed universally in the design system. It saves time and improves flexibility for designers.

🔲 Patterns

• Can modify the patterns or reference the existing ones from our design system.

Our Risks and Challenges 🏳️

As we continue to develop and market the Apple Watch Accessible Design System - NYC Map Edition, we recognize the challenges we face, including ensuring compatibility with a wide range of devices, meeting strict accessibility guidelines, remaining competitive in the market, managing customer expectations, and keeping up with evolving design trends. Despite these challenges, we remain committed to the project and will work diligently to overcome these obstacles and deliver a high-quality product.

So... Please give us feedback!

As part of our efforts to enhance our design system, we are conducting a survey and would love to hear your thoughts. Please take a moment to fill out our Google Form 🫶 and provide us with your feedback.

Our Mailbox is Open 📬

Any questions? Please chat with our friendly team via vsithivaraporn@sva.edu / eyang6@sva.edu for any inquiries.

Note: This is not affiliated with Figma or Figma's team, nor is it endorsed by Figma.

Last word.

Thank you so much for purchasing our Apple Watch Accessible Design System - NYC Map Edition! We are thrilled that you have chosen to use our product, and we are confident that it will help you create beautiful, accessible designs for the Apple Watch.

We created this design system with the belief that, as designers, we have a responsibility to create designs that are inclusive and accessible to all users. We know this is a goal you share, and we are excited to see what you create with our design system.

If you have any questions or feedback about our product, please don't hesitate to reach out to us. We are always looking for ways to improve our product and make it even more useful for our users.

Once again, thank you for your purchase. We appreciate your support and look forward to seeing the amazing designs you create with our design system!

Sincerely,
Jennie & Nino

Special thanks,

Ida Benedetto & Melanie Kahl: School of Visual Arts Faculty

Taehyun Lee: Design System @ Viasat

Wenting Zhang: Co-Founder and CEO @ Typogram

Nathanon Inplub: Design System @ King Power Click