22.2
22.1
21.4
21.3
21.2
21.1
20.4
20.3
SEARCH
UX Design Guide
Welcome
How to Use This Guide
What's New
Designing for Your Users
Presenting Information Clearly
Layout Best Practices
Example Walk-Through
Page Width
Columns vs. Side by Side
Columns Layout
Side by Side Layout
Section Layout
Box Layout
Billboard Layout
Card Layout
Header-Content Layout
Component Best Practices
Labels
Inputs
Buttons
Buttons vs. Links
Grids
Rich Text
Images
Charts
Tags
Gauges
Record Actions
Design Patterns
Wizards
Activity History
Cards as Buttons
Cards as List Items
Grid With Detail
In-Place Drill Down
Inline Tags
Breadcrumbs
Tabs
Grid Toolbars
Progressive Disclosure
Image Gallery
Tabs with Icons
KPIs
User List
Messages & Comments
Navigation
Timelines
Alert Banners
Call to Action
Milestone Bar
Milestone Stamp
Colors & Branding
Site Typefaces
Overview of Color
Site Branding
Icons
Overview of Icons
Styled Icons
Indicator Icons
News Event Icons
Record Icons
General Guidelines
Accessibility
Avoiding Clutter
Formatting & Punctuation
Mobile Considerations
What's New
Check out the latest updates to the Appian UX Design Guide.
20.3
Header-Content Layout
Site Branding
(was previously Site Colors)
Reorganized
Charts
and added guidance on how to use
chart types
,
colors
and
text
Updated
Grids
to include guidance on Record Actions
Updated
Inputs
with recommendation to use left alignment
Updated
Wizards
with an example of when not to use a horizontal milestone component
20.2
Avoiding Clutter
Updated
Charts
to include guidance on chart colors
Added guidance for using
Small Button
size
20.1
Record Actions
Overview of Color
Empty Cells
for grids
Using Varied Font Features
for rich text
Stock Photography
and
Images vs. Icons
Column and Bar Charts
, updated
Pie Charts
and
Line Charts
19.4
Tags
Gauges
Updated
Billboard Layout
Updated
Example Walk-Through
and
Section Layout
(removed the suggestion to place components within section layouts for vertical spacing)
Updated
Columns Layout
19.3
Rich Text Emphasis Style
Updated
Capitalization
Updated
Site Colors
Updated
Radio Buttons
and
Checkboxes
19.2
Use Accessible Headers
Grid Sort Order and Filtering
Grid Batch Size
Billboard Overlay
Use Accessibility Text
Grid Column Widths
Updated
Grid With Detail
19.1
Updated
Secondary Buttons
18.4
Fixed Height Grids
Grid Accessibility
18.2
Designing for Your Users
Card Layout Best Practices
Grid Selection Style
Overview of Icons
Open in Github
Built: Wed, Aug 17, 2022 (01:05:05 PM)
On This Page
Loading...