Renaissance Innovation Labs Handbook
  • ๐Ÿ‘‹Welcome!
  • About us
    • ๐Ÿš€Mission, Vision & Focus
    • ๐Ÿ’–Values
    • ๐Ÿคทโ€โ™‚๏ธWhat we do
    • ๐Ÿ“–Our Story
  • Team
    • ๐Ÿ‘‹Meet the Team!
  • Collaborating
    • ๐ŸคCompany Standard
      • ๐Ÿ‘ฎโ€โ™€๏ธDisciplinary Measures
    • ๐Ÿ“…Meetings
    • โœ๏ธFeedback and Reporting Cycles
    • ๐Ÿ—ฃ๏ธCommunication Channels
      • Working With Trello
  • Engineering
    • ๐Ÿ’ฝProduct Quality Standard
    • ๐Ÿ“–Project Documentation Structure
    • โฑ๏ธProduct/Feature Life cycle
    • ๐Ÿ“ถWireframe/Design
    • ๐Ÿ—๏ธInfrastructural System
    • ๐Ÿ‘ฉโ€๐ŸซDesign Process
    • ๐Ÿ‘จโ€๐Ÿ’ปDevelopment Stages
    • ๐ŸšProject Types
    • Project Ideas
      • Automated Vehicle Prototype with Preprogrammed Path
      • JDGEN Widget
      • OUTYN
      • Post Notes
      • Connector
  • PROGRAMS MANAGEMENT
    • Programs Schema
    • Programs Processes
  • Ubuntu Cowork Space
    • ๐ŸขCowork Space
    • ๐Ÿ’ฑPrice List
    • ๐Ÿ”ดRules
Powered by GitBook
On this page
  1. Engineering

Wireframe/Design

Wireframe Design Guidelines

How do you create ubiquitous designs and be device ### agnostic? Hereโ€™s how to do it:

  1. Treat my mobile designs as if designing for mobile web--Use an artboard width of 375, which works for most modern iPhone models and Android.

  2. Manage the screen shape of the iPhone X and iPhone 11 by telling the dev team to just extend the header background color to the top.

  3. Only use gestures that are universal, e.g. tap, swipe, press and hold. Focus on the best user experience regardless of OS.

  4. Use SVGs for all icons and logos so that they look great on any screen resolution.

  5. Use navigation and menu structures that are universal and not too OS specific.

PreviousProduct/Feature Life cycle NextInfrastructural System

Last updated 1 year ago

๐Ÿ“ถ