#36965: Modernizing the Django Admin UI/UX
-------------------------------------+-------------------------------------
     Reporter:  Soro wahagnona jean  |                     Type:  New
                                     |  feature
       Status:  new                  |                Component:
                                     |  contrib.admin
      Version:  6.0                  |                 Severity:  Normal
     Keywords:  Administration       |             Triage Stage:
  interface, UX, GSoC,               |  Unreviewed
  Modernization, Dark mode,          |
  Responsive design, Accessibility   |
    Has patch:  0                    |      Needs documentation:  0
  Needs tests:  0                    |  Patch needs improvement:  0
Easy pickings:  0                    |                    UI/UX:  1
-------------------------------------+-------------------------------------
 Django's administration interface is a powerful tool, but its current
 visual design (fonts, colors, spacing) is perceived as outdated compared
 to modern standards and third-party solutions like django-unfold or
 django-jazzmin. Although progress has been made (dark mode in version 3.2
 and responsive interface in version 2.0), the core design has not kept
 pace with current trends.

 The goal of this proposal is to completely redesign the interface for
 Django 5.2, improving aesthetics and usability while ensuring strict
 backward compatibility.

 Main areas of improvement:

 Modern Visual Style: Adoption of a contemporary sans-serif typeface, a
 harmonious color palette, and consistent spacing via CSS variables and
 utility classes.

 Advanced Theming: Enhanced light and dark modes with the addition of an
 explicit toggle button in the header.

 Mobile-First Optimization: Introduction of a collapsible side or top
 navigation, larger touch areas, and card-based layouts for better
 usability on tablets and smartphones.

 Usability and UX: Clear grouping of actions with icons, fixed navigation
 bars, and optimized forms.

 Accessibility (A11y): Prioritizing high contrast, keyboard navigation, and
 screen reader compatibility, building upon the foundations laid by Django
 5.0.

 Implementation Strategy: To minimize risks, the project proposes
 developing this new design as an enhanced theme that can be optionally
 activated via a parameter, before any potential integration into the core.
 The template structure and CSS class names will be preserved as much as
 possible to avoid breaking existing customizations.
 I am submitting this ticket as part of GSOC.
-- 
Ticket URL: <https://code.djangoproject.com/ticket/36965>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

-- 
You received this message because you are subscribed to the Google Groups 
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion visit 
https://groups.google.com/d/msgid/django-updates/0107019cb594915b-295fd327-1a69-42e8-b3b9-e7edf93e19e7-000000%40eu-central-1.amazonses.com.

Reply via email to