HOme
Products
Core Products
Physical Cards For Collaboration & Management
Extracting The Best Part Of Every Article
VIP Membership Of Alphabag
Announcing Soon
Practical Manual To Develop Skill Set
Our Public Declaration Towards Work & Life
Integrated Solution For Strategy & Management
The Mega Course For Product Strategy, Design & Dev
Tailored Workshop & Consultancy Service
Support
Alphabag Deck Onboarding Manual
Onboarding flow after receiving the deck
Submit News Highlights
Provide content for Alphabag News
Shipping, Return and Refund Policy
The policy you may want to know
Frequently Asked Questions
Questions that you may want to ask
Company
About
Company's vision, core team & products
Blog
Our thoughts and news
Contact Us
Get in touch for any opportunities
Founder
About Kevin Hon Chi Hang
Press Kit
Download our brand assets here
Careers
Join us along with our adventure
Partnership
Sponsorship
Provide content for Alphabag News
Wholesale Inquiry
Sell our products via your network
SHOP
0
Your Cart
$ 0.00 USD
:
Remove
No items yet.
Be sure to check out the early bird offer of Alphabag Deck
Early Bird Offer
Product is not available in this quantity.
UX 002
Wireframes
A visual guide that represents the skeletal framework of a website or application.
Explore Resources
Knowledge Brief
No items found.
Related Knowledge
Navigation
User Flow
User Journey
Prototype
A/B Testing
Mockups
Sharing the code across repositories would eliminate the need for duplicate code and work for the initial implementation and when the UX specification for a component changes.
Rollup: Shared UI components at AdRoll
tech.adroll.com
UI Component
Wireframes
UI Pattern
highlighted by
Bo-Yi Wu
The best part about this product design build order is that, once you’ve got those key wireframes drawn out, engineering can begin working on making it work, while design can start filling in pixels and bringing that functionality to life. Now, you have two tracks moving in parallel.
The Build Order Every Startup Should Follow To Become Successful
hackernoon.com
Wireframes
Functional Specifications
Prototype
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
We all know how tangential solutions can be, and a variety of mediums are used by today’s product designers in order to convey them. Words, wireframes, diagrams, low fidelity and high fidelity prototypes, simple static images or videos detailing complex interactions, even code. Although designers work in a variety of tools to create all these elements, it’s key to gather them in a central location to be viewed holistically.
The power of the design doc
medium.com
Creative Brief
Wireframes
Prototype
highlighted by
Benson Shen
Copywriter
Try not to gloss over complexity. Design work in the real world is pretty hard. If you design a fake graph, put in realistic data. If you fake redesign a site, like my Verizon Wireless redesign, don’t just magically remove an ad unit. If you create a sexy fake login screen, don’t forget to include a way to recover lost passwords or usernames.
Fake designs yield real results
medium.com
Mockups
Wireframes
Information Architecture
highlighted by
Benson Shen
Copywriter
When people really sit down and work on their content, patterns emerge: they really like using call to actions with a visual background, or the type of information they’re sharing would often do well in two columns instead of a long single column list, or they have content that is well suited to small sliders of information, etc.
How to Build a Component Based Website
wanderoak.co
UI Component
Information Architecture
Wireframes
highlighted by
Aki Yu
Developer
As the design systems movement gains steam and interfaces become more standardized, we believe that artificial intelligence assisted design and development will be baked into the next generation of tooling.
Sketching Interfaces
airbnb.design
Artificial Intelligence
Mockups
Wireframes
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
More recently, a design pattern known as progressive loading has gained popularity. With progressive loading, individual elements become visible on the page as soon as they’ve loaded, rather than displaying all at once.
A Bone to Pick with Skeleton Screens
viget.com
Loading Speed
A/B Testing
Wireframes
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
If we share a deeper understanding of our initial ideas, we can get to building technology much faster than ever before. We can communicate and get to what works.
Whiteboard Design Language v0.1
blog.prototypr.io
Brainstorm
Poster Session
Wireframes
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
Related Knowledge
WD 009
Navigation
Make sure vistors can navigate your desire user journey.
RA 008
User Flow
The steps a user performs to complete a task.
RA 007
User Journey
Identify the ideal scenarios to increase user engagement.
UX 009
Prototype
A later stage meant to give a close idea of the working product.
AD 024
A/B Testing
A randomized experiment with two variants to determine which one performs better.
AD 004
Mockups
Create hi-fi visual design according to the flow and information architecture.