Mockups, Wireframes, Prototypes
These are 3 common deliverables from UX designers. Non-designers often confuse them with one another, so clarity is important for all involved.
- mockup: a pixel perfect design of a static screen. Focused on details of the design
- wireframe: a simple, often no color, display of blocks and text. It removes design details to focus on hierarchy and layout.
- prototype: an interactive deliverable that can be pixel perfect like a mockup, content focused like a wireframe, or fall somewhere in-between. It focuses on task flow and interaction.
What's the Business Ask?
It sounds like you may need clarification from your organization on what is specifically being asked of you. A mockup would be static images to show what fully developed screen would look like. But they are not built in a coding language or tool since that would be time consuming and more challenging to modify based on internal and external feedback.
If Android Studio is the tool you have been told to use, then the business is likely looking for a prototype: something they can interact with that will reflect the end product. This can be built with prototyping tools like Figma, Adobe XD, or Axure which are faster to produce an interactive result. If the interactions are particularly unique or complex, Android Studio may be the right tool for the job. Simply make sure to focus on the UI display and interactions over strong code to maximize the value of your time and effort at this stage or your process.