Sketch, Wireframe, Mockup, Prototype - What Are They and Examples
Explaining and distinguishing four important terms in UI/UX design and software development: Sketch (quick idea drafting on paper or whiteboard), Wireframe (basic skeleton describing app flow), Mockup (adding design elements like colors and fonts to wireframe), and Prototype (interactive sample). With specific examples and appropriate tools for each design stage.
Related Posts
Discover more content you might enjoy
Accidentally Building a Blogging Platform
I hadn't written blog posts for a long time and realized I was too dependent on AI. To rebuild my writing habit and think more clearly, I decided to build a writing platform: write.rocks.
Vibe Coding - Rebuilding My Blog from Scratch and Rebranding to khoa.blog
Detailed walkthrough of rebuilding a blog from scratch with vibe coding, from data migration to implementing new features, helping readers understand the personal blog development process.
Contrarian Thinking in the AI Era
Exploring contrarian thinking in an era where everyone is rushing into AI, examining niche opportunities in fintech and crypto payments that could provide sustainable long-term value.
Game Theory in the AI Era: When Machines Join the Game
An analysis of the intersection between Game Theory and artificial intelligence, explaining how AI is changing Nash equilibrium principles and optimal strategies. The post includes real-world examples of applications in business, transportation, and cybersecurity.
39-Day Cross-Vietnam Journey
Day 23 - Profitable MVP in 30 Days - Another Sad Story
Day 23 of the profitable MVP challenge where I share the frustration of waiting for Chrome Web Store to approve my app update. Also discussing early user feedback on the UI and weighing two options: focus on content marketing or build a new app in the remaining 7 days.