Core Skills Analysis
Computing
Liannee18 watched an initial TikTok tutorial on iOS 18 aesthetic customization widgets and then applied the steps to redesign their phone home screen. They learned how to navigate the iOS Settings, install third‑party widgets, and adjust layout constraints to achieve a cohesive visual theme. By experimenting with different widget sizes and colour palettes, Liannee18 practiced logical sequencing and problem‑solving within a mobile operating system. This activity also introduced basic concepts of user interface (UI) design and the importance of usability.
Design and Technology
Liannee18 analysed the aesthetic trends shown in the TikTok video and translated those ideas into a functional home‑screen design. They considered factors such as visual hierarchy, balance, and the ergonomics of icon placement to create an efficient yet stylish layout. Through iterative testing—adding, removing, and repositioning widgets—they developed skills in rapid prototyping and evaluation of digital products. The experience reinforced the design cycle of research, design, make, and evaluate.
Art and Design
Liannee18 selected colour schemes, typography, and graphic elements that matched the iOS 18 aesthetic, applying principles of colour theory and composition to a digital canvas. They experimented with transparency, layering, and visual rhythm to achieve a harmonious look across the home screen. By customizing widgets, Liannee18 exercised creative expression while adhering to functional constraints, blending artistic intent with practical design. The process deepened their appreciation for visual communication in everyday technology.
Tips
To extend Liannee18's learning, have them research the history of mobile UI trends and present a short report on how aesthetic preferences have evolved over the past decade. Encourage them to sketch paper prototypes of alternative home‑screen layouts before digitising them, fostering hand‑drawing skills alongside digital design. Introduce a basic SwiftUI or Shortcut automation project where they create a custom widget from scratch, linking coding with design. Finally, organise a peer‑review session where classmates critique each other's home screens for usability and visual impact, reinforcing collaborative feedback.
Book Recommendations
- Don't Make Me Think (Revisited) by Steve Krug: A clear, teen‑friendly guide to intuitive web and app design that explains usability principles through real‑world examples.
- Designing Interfaces: Patterns for Effective Interaction Design by Jenifer Tidwell: Offers a catalogue of UI patterns, helping young designers understand how to create cohesive and user‑friendly digital experiences.
- iPhone UI Design: The Definitive Guide for iOS by Gary Marshall: Focuses specifically on iOS design conventions, providing step‑by‑step projects that align with the latest iOS version.
Learning Standards
- Computing – Key Stage 3/4 (3‑4‑1): Understand how to use ICT safely, responsibly and effectively, including evaluating digital designs.
- Computing – Key Stage 4 (4‑1‑2): Apply knowledge of algorithms, data handling and user‑centred design when creating digital artefacts.
- Design and Technology – Key Stage 3 (3‑2‑1): Apply knowledge of materials, components and mechanisms to develop functional products.
- Design and Technology – Key Stage 4 (4‑2‑1): Use design processes to create, evaluate and improve digital products.
- Art and Design – Key Stage 3 (3‑1‑1): Use a range of techniques, media and technologies to communicate ideas.
Try This Next
- Worksheet: Compare three popular iOS widget styles – list their pros, cons, and ideal use cases.
- Quiz: Identify which UI principle (contrast, alignment, proximity, repetition) each widget modification demonstrates.
- Drawing task: Create a hand‑drawn storyboard of a day‑in‑the‑life using the new home screen layout.
- Experiment: Use the Shortcuts app to build a simple widget that displays a personal habit‑tracker.