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.
AD 004
Mockups
Create hi-fi visual design according to the flow and information architecture.
Explore Resources
Knowledge Brief
No items found.
Related Knowledge
Wireframes
User Flow
Brand Typography
App Screenshots
Prototype
A/B Testing
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
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
It’s not about “nice pictures” it’s about how user can accomplish their goals.
Designed by Engineer
medium.com
UI Pattern
UI Component
Mockups
highlighted by
Aki Yu
Developer
One of the major problems with the blockfolio interface is the navigation structure. You have everything crammed up top, to the navigation bar — from the ‘portfolio graph’ button to the ‘news’ and ‘Add Transaction’ button.
I decided to challenge myself by redesigning Blockfolio
blog.prototypr.io
Prototype
Mockups
Information Architecture
highlighted by
Aki Yu
Developer
I personally was surprised when learned that our eyes are more sensitive to the height of an object than to its width. It explains why even in geometric fonts, letters “o” are always wider than geometric circles, and the vertical stems of letters “H” are always thicker than the horizontal ones.
Optical Effects in User Interfaces (for True Nerds)
medium.muz.li
Design Principles
Mockups
A/B Testing
highlighted by
Benson Shen
Copywriter
Animation is all about tools. Principles are the practical application of ideas that guide the usage of tools and as such, Principles provide high leverage opportunities for designers.
Creating Usability with Motion: The UX in Motion Manifesto
medium.com
Brand Manifesto
Animation
Mockups
highlighted by
Benson Shen
Copywriter
Related Knowledge
UX 002
Wireframes
A visual guide that represents the skeletal framework of a website or application.
RA 008
User Flow
The steps a user performs to complete a task.
BD 009
Brand Typography
Be cautious when choosing free fonts for your brand.
AD 009
App Screenshots
The most successful app pages do not only upload random screens but use rich imagery to tell a story visually.
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.