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 001
Information Architecture
The visual representation of the information hierarchy.
Explore Resources
Knowledge Brief
No items found.
Related Knowledge
Scope
Target Audiences
User Flow
Navigation
Storyboard
Sitemap
A study from Econsultancy states that only 22% of businesses are satisfied with their conversion rates. If you want to beat the odds, focus on the little things that will convert big results. Be transparent, clear, and obvious. Make it easy to sign up because the value is so obvious.
How to Design a User-Friendly SaaS Pricing Page with Examples
getcloudapp.com
Pricing Page
Pricing Strategy
Information Architecture
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
Chatbots only cover a small scope, but if you don’t make the scope clear, users will crash with everything your chatbot is not able to meet their expectations.
7 Things You Know in UX That Will Help You Design Chatbots
chatbotsmagazine.com
Bot Onboarding
Persona
Information Architecture
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
Before you do anything else, first identify the purpose of your design. What information do you want to convey? What is the medium for your design? Good design aligns its typography with its purpose. This is because typography is key to setting mood, tone, and style in your designs.
Typography can make or break your design: a process for choosing type
medium.freecodecamp.com
Typefaces
Typographic Hierarchy
Information Architecture
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
“The business models for journalism are a real challenge,” Jimmy Wales, co-founder of Wikipedia told us.
Inside peek: Here’s how we built Wikitribune in 72 hours
thenextweb.com
Information Architecture
User Flow
Usability Test
highlighted by
Aki Yu
Developer
Designing within that context completely changes the designs and the brand. It immediately aligned us around a shared thought: “This isn’t just a breast pump. This is a much bigger thing.”
Moxxly Acquired to Redesign the Breast Pump Experience
designerfund.com/
User Feedback
Information Architecture
What, How, Why
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
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
Because of the endless expenses every month and the lack of a system to keep track of who’s paying for what and when (solely relying on memory), I began to realise that such a system led to erratic expenditure which was difficult to keep track of.
Splitwise: a UX case study
medium.com
Persona
User Flow
Information Architecture
highlighted by
Benson Shen
Copywriter
Clearly formulated tasks enable us to figure out what design elements work for which user goals. Still, it’s helpful to employ a variety of research methods in addition to task-based usability tests.
Scanning Patterns on the Web Are Optimized for the Current Task
nngroup.com
User Research
Eye Tracking
Information Architecture
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
Related Knowledge
SU 001
Scope
Requirement gathering and define the objective of the project.
RA 004
Target Audiences
Deeply understand the users you are solving a problem for.
RA 008
User Flow
The steps a user performs to complete a task.
WD 009
Navigation
Make sure vistors can navigate your desire user journey.
UX 008
Storyboard
Figure out the visual form of your story and flow.
WD 060
Sitemap
The first step of any web project, create a sitemap for both the users and crawlers.