Mobile App - P0: Guidelines for Designing in Mobile

[samgawaran]

Summary

This issue contains all guidelines that we need to consider while creating our mobile app.

Details

8 Rules of Mobile Design

1. Provide Simple Navigation
2. Make Large Touch Area
3. Reduce Clutter
4. Display Large Text
5. Use Touch Controls
6. Use Simple Forms
7. Take Care of Thumb Position
8. Design Consistent Experiences

Like most games, its ideal that we only design on Landscape Mode so its easier for the design to be consistent. Here is the heatmap chart from Medium

Android App Design Guidelines

• Material Design Kit for Android: https://www.figma.com/community/file/1035203688168086460

iOS App Design Guidelines

• Human Interface Guideline: https://developer.apple.com/design/human-interface-guidelines/guidelines/overview/

---

For us to design in Android and iOS properly, we need to use the standard popups that are stated on their design guidelines

Resources

• https://uxdesign.cc/8-rules-of-mobile-design-1b8d9936c241
• https://developer.android.com/design
• https://developer.apple.com/design/human-interface-guidelines/guidelines/overview/

Related Links

• https://github.com/colonistio/design/issues/226

Reviewers

@demiculus

[demiculus]

For us to design in Android and iOS properly, we need to use the standard popups that are stated on their design guidelines

Can you provide an example of What are we doing and what should we do?