InSite.UI

Guidelines for implementing intuitive, consistent page layout for ASP.NET web forms throughout the platform

Page layouts

Admin

The Admin area serves as the comprehensive management interface for system administrators and instructors who need full control over the learning environment.

This area prioritizes functionality and efficiency, featuring dense information layouts, advanced configuration options, and administrative tools.

The design emphasizes clear data hierarchies, robust navigation systems, and streamlined workflows that enable power users to quickly access deep system functionality.

Interface elements should support complex tasks like user management, course authoring, analytics review, and system configuration while maintaining clarity even with high information density.

Portal

The Portal area provides the core learning experience for authenticated learners engaging with course content and educational activities.

This learner-focused environment emphasizes clean, distraction-free layouts that promote focus and engagement with educational materials.

The design should prioritize content readability, intuitive progress tracking, and seamless navigation between learning modules.

Interface elements should support various learning modalities while maintaining a welcoming, accessible experience that encourages continued engagement and learning progression.

Lobby

The Lobby area serves as the first impression and entry point for unauthenticated visitors exploring the system.

This public-facing space focuses on clear value proposition communication, easy navigation to key information, and frictionless pathways to registration and login.

The design should balance marketing appeal with professional credibility, featuring prominent calls-to-action, accessible content previews, and trust-building elements.

Interface layouts should be optimized for conversion while providing sufficient information for users to understand the platform's offerings and benefits.

Admin page layout guidelines

Button placement

(Updated content is pending.)

Form layout to create a new entity

(Updated content is pending.)

Form layout to modify an existing entity

(Updated content is pending.)

Form layout to delete an entity

(Updated content is pending.)