UI design
UI design is the practice of planning the visual elements and interactive behavior of interfaces through which people use software.
Delivering Machine Learning Projects: From design to deployment
UI design is the design of a software application's user interface and its interactive presentation.
- How it is used
- Guides user-facing decisions for ML systems during system building and production.
- How deep it goes
- Defines usability risks and practical AI interface guidelines, but stops short of implementation-specific UI techniques.
- Examples
- Uses a hospital booking system, Boeing 737 MAX MCAS, and an AI design-guideline checklist.
- What you can do after
- Evaluate/understand interface risks and apply explicit checks for capability, context, bias, correction, and shutdown.
Read how Delivering Machine Learning Projects: From design to deployment explains UI design →
Design for Developers
The planning of a software product's visual and interactive surface.
- How it is used
- Guides users through website or application tasks by coordinating interactive elements with visual design.
- How deep it goes
- Explains the progression from wireframes to full-color mock-ups and prototypes, but defers detailed color, typography, and grid techniques.
- Examples
- Uses wireframes, grids, full-color mock-ups, color palettes, typefaces, spacing, and interactive prototypes as design artifacts.
- What you can do after
- Evaluate and understand visual interface choices, create mock-ups from wireframes, and identify usability problems through prototyping.
Build Python Web Apps with Streamlit
User-interface design is the practice of structuring an application's visual elements and interaction behavior for users.
- How it is used
- Shapes an application's user experience by translating requirements into an interface plan before implementation.
- How deep it goes
- Works from requirements to a preliminary mock-up and iterative implementation adjustments.
- Examples
- Uses a unit converter mock-up with numeric input, unit selectors, category filtering, a Convert button, and an output.
- What you can do after
- Build it from scratch by sketching a user-centered interface and mapping it to Streamlit elements.
Read how Build Python Web Apps with Streamlit explains UI design →
Related concepts
- Streamlituses · Streamlit is an open-source Python framework for building interactive web applications, particularly for data and machine-learning applications.
- conversation designincludes · Conversation design is the practice of planning and specifying how users and conversational systems interact through language-based dialogue.
- mockupuses · A mockup is a visual representation of a product or interface’s intended appearance and structure, typically without full functionality.
- user interactionconfigures · User interaction is an exchange in which a person acts on or provides input to a software system and the system responds.
- buttoncontrasts with · A button is an interactive user-interface control that can be activated to initiate an action or select an option.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.