-
-
Notifications
You must be signed in to change notification settings - Fork 20
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
* setting new designing structure * designing * Update _index.md * Update user-interviews.md * Update focus-group-discussions.md * Update focus-group-discussions.md * Update usability-testing.md * Update ces-surveys.md * Update technical-working-sessions.md * moving icons to interface * Fix colors.md images * Remove UI Kit folder * Remove redundant typography folder * Remove redundant components folder * Remove redundant ux folders * Update content/en/design/Interface/typography.md * content update under interface * adding mockups and mapping hierarchy * fixing link * fix: add missing aliases and fix urls * fix: add missing aliases and organize folders * Update content/en/design/_index.md * Update content/en/design/_index.md * Update content/en/design/Interface/colors.md * Update content/en/design/Interface/components.md * Update content/en/design/Interface/ui-kit.md * Update content/en/design/Interface/_index.md * Update content/en/design/user-experience-research/user-interviews.md * Update content/en/design/Interface/typography.md * Update content/en/design/Interface/ui-kit.md * Update content/en/design/Interface/ui-kit.md * Update content/en/design/user-experience-research/_index.md * Update content/en/design/Interface/ui-kit.md * Update content/en/design/Interface/ui-kit.md * Update content/en/design/user-experience-research/_index.md * Update content/en/design/user-experience-research/ces-surveys.md * Update content/en/design/user-experience-research/focus-group-discussions.md * Update content/en/design/user-experience-research/focus-group-discussions.md * Update content/en/design/user-experience-research/technical-working-sessions.md * Update content/en/design/user-experience-research/technical-working-sessions.md * Update content/en/design/user-experience-research/usability-testing.md * Update content/en/design/user-experience-research/usability-testing.md * Update content/en/design/user-experience-research/user-interviews.md * fix CI * Remove mentions of Medic * chore: simplify persona pages * chore: clean up ui kit * chore: add missing alias --------- Co-authored-by: Ziithe <[email protected]> Co-authored-by: Nicole Orlowski <[email protected]> Co-authored-by: esthermmoturi <[email protected]> Co-authored-by: Andra Blaj <[email protected]>
- Loading branch information
1 parent
12f7ff5
commit 79146a7
Showing
311 changed files
with
527 additions
and
460 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
--- | ||
title: "Interface" | ||
linkTitle: "Interface" | ||
weight: 2 | ||
description: > | ||
Interface principles to help shaping the design of the CHT and providing support in effective implementation | ||
--- | ||
|
||
The purpose of this guide is to document the standard aspects of the core framework and allow designers and developers to focus on solving challenges, rather than reinventing interface elements that are already in use. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,47 @@ | ||
--- | ||
title: "Components" | ||
linkTitle: "Components" | ||
weight: 4 | ||
description: > | ||
The standard aspects of the core framework for reuse to encourage consistency when building new pages or components | ||
--- | ||
|
||
### Buttons | ||
Primary buttons are used for actions, such as “Next” and “Submit”. Secondary buttons are the alternative to the primary action, such as "Previous". Text links are used for less important or less commonly used actions, such as “Cancel”. | ||
{{< codepen WNrZKoz >}} | ||
|
||
### Checkboxes | ||
Use checkboxes to select multiple items within a form. When necessary, use a descriptive error state. | ||
{{< codepen YzwrRRV >}} | ||
|
||
### Radios | ||
Use radio buttons to select a single item within a form. When necessary, use a descriptive error state. | ||
{{< codepen RwrLqqZ >}} | ||
|
||
### Inputs | ||
Use an input field as a basic text control to enable the user to type a small amount of text. The input size should reflect the amount of text a user is expected to enter. When necessary, use a descriptive error state. | ||
{{< codepen KKVXrYE >}} | ||
|
||
### Dropdowns | ||
Dropdowns are used within forms that have 7 or more options and as filters within tabs. | ||
{{< codepen xxZXJgK >}} | ||
|
||
### Modals | ||
Use modals when a user is exiting a flow where information may be lost or for experiences outside the main user flows. | ||
{{< codepen MWKEzbP >}} | ||
|
||
### Condition Cards | ||
Use these cards in contact summary pages to display an overview of tasks, people, reports, etc | ||
{{< codepen MWKEzyq >}} | ||
|
||
### Content Rows | ||
Content rows are used for tasks, messages, reports and people as an overview of the content name, description, date and/or priority. | ||
{{< codepen zYrEMqX >}} | ||
|
||
### Targets | ||
Targets include counts and percentages with and without goals. | ||
{{< codepen wvMrxOx >}} | ||
|
||
### Action Bars | ||
Use action bars to prompt new actions or workflows on relative pages. | ||
{{< codepen YzwEqpB >}} |
Oops, something went wrong.