# UI, UX, IA, IxD, & Layout [[Web Design]] User interface, user experience, [Information Architecture](https://en.wikipedia.org/wiki/Information_architecture) ## [[User interface]] UI ## [[User experience]] UX ## [[Information architecture]] IA ## [[Interaction design]] IxD ## [[Human–computer Interaction]] HCI ## [[Human Interface Guidelines]] HIG ## [[Page layout]] ## [[Persona]] ## [[User Journey]] ## [[User Story]] ## User Flow - Often done first, before wireframes or design. Simple diagrams or flowcharts that connect navigation points. Might consist of the basic skeleton/nodes of typical entry points, desired destinations, supposed yellow brick roads etc. Intended to foster and externalize decisions and goals for the team and stakeholders and to avoid internalizing decisions. Good setup to flow later into wireframes then prototypes etc. The nodes might be some personas, a list of pages, and relevant connections among them. More developed or sophisticated user flows might have more detailed UI design elements so you can be clear about whether a given page is conducive to making a desired destination - clear, easy, likely. ## [[Wireframe]] ## [[Mockup]] ## [[Prototype]] ## [[Minimum Viable Product (MVP)]] ## [[Design System]] ## [[Design Tools]] ## Sources - https://education.launchcode.org/liftoff/articles/ux-resources/ - https://alistapart.com/ - https://m.signalvnoise.com/ ## Inbox - [[Headless CMS]]