UX/UI Design: Difference between revisions
(Combining General and Specific Knowledge (KAI)) |
|||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
The UX/UI | The UX/UI Designers (abbreviation for User Experience/User Interface) are responsible, as the name implies, for ensuring that the design of the application meets all users' needs, ensuring their satisfaction by interacting with our company, platforms, or partner's brands. | ||
UX/UI Designers are mainly responsible for developing user navigation maps, usability tests, creation, development, and implementation of innovative and attractive solutions, prototyping, user and process flow, and | UX/UI Designers are mainly responsible for developing user navigation maps, usability tests, creation, development, and implementation of innovative and attractive solutions, prototyping, user and process flow, and linking the communicative interaction to the Design concepts. Once the tests have been carried out, along with our partner's feedback, they also optimize the created solutions, performing the documentation of all processes. To ensure growth in this framework, the UX/UI Designers are required to make enhancement studies, create navigability standards for performance optimization focusing on security, create engagement, and guarantee customer satisfaction. | ||
= Progression= | |||
In order to progress in our development path and Level Up or Step Up, our UX/UI Designers must: | In order to progress in our development path and Level Up or Step Up, our UX/UI Designers must: | ||
* Meet the criteria of the Level & Step Chart for the [[ | * Meet the criteria of the Level & Step Chart for the [[Performance#Individual_Contributors_Levels|Individual Contributors Path]] | ||
* | * Meet the [[UX/UI_Design#KAI_of_the_framework|KAI]] grade of the framework related to each level | ||
* Demonstrate proficiency in [[Secure Group Knowledge]] | * Demonstrate proficiency in [[Secure Group Knowledge]] | ||
</br> | </br> | ||
<div class="center"> | <div class="center"> | ||
Line 27: | Line 29: | ||
|- | |- | ||
!1 | !1 | ||
| | |3.600 | ||
| | |3.750 | ||
| | |3.800 | ||
| | |3.950 | ||
|- | |- | ||
!2 | !2 | ||
| | |4.600 | ||
| | |4.750 | ||
| | |4.800 | ||
| | |4.950 | ||
|- | |- | ||
!3 | !3 | ||
| | |5.600 | ||
| | |5.750 | ||
| | |5.800 | ||
| | |5.950 | ||
|- | |- | ||
!4 | !4 | ||
| | |6.600 | ||
| | |6.750 | ||
| | |6.800 | ||
| | |6.950 | ||
|- | |- | ||
!5 | !5 | ||
| | |7.600 | ||
| | |7.750 | ||
| | |7.800 | ||
| | |7.950 | ||
|- | |- | ||
!6 | !6 | ||
| | |8.600 | ||
| | |8.750 | ||
| | |8.800 | ||
| | |8.950 | ||
|} | |} | ||
</div> | </div> | ||
</div> | </div> | ||
= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the | = [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the framework = | ||
== Extensive Knowledge == | == Extensive Knowledge == | ||
</div> | </div> | ||
<div class="box-content framework"> | <div class="box-content framework"> | ||
<div class="center"> | <div class="center"> | ||
{| class="wikitable" style="text-align:center;" | {| class="wikitable" style="text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif !important;; background-color:#deebff; color:#222;" | ||
|- style="font-weight:bold; background-color:# | |- style="font-weight:bold; vertical-align:middle; background-color:#EAECF0; color:#172B4D;" | ||
! rowspan="2" | Type | ! rowspan="2" | Type | ||
! rowspan="2" | Knowledge Description | ! rowspan="2" | Knowledge Description | ||
! colspan="6" | Minimum Grade to acquire Level X | ! colspan="6" | Minimum Grade to acquire Level X | ||
|- style="font-weight:bold; background-color:#F4F5F7; | |- style="font-weight:bold; vertical-align:middle; background-color:#F4F5F7; color:#172B4D;" | ||
| Level 1 | |||
| Level 2 | |||
| Level 3 | |||
| Level 4 | |||
| Level 5 | |||
| Level 6 | |||
|- | |- | ||
| rowspan="3" style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Programming languages | | rowspan="3" style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Programming languages | ||
| style="text-align:left;" | [https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS] | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
Line 322: | Line 94: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="text-align:left;" | [https://en.wikipedia.org/wiki/HTML HTML] | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/HTML HTML] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
Line 330: | Line 102: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="text-align:left;" | [https://en.wikipedia.org/wiki/JavaScript Javascript] | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/JavaScript Javascript] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
Line 338: | Line 110: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| rowspan=" | | rowspan="10" style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Software/Tools/Platforms | ||
| style="color:# | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_InDesign Adobe InDesign] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
Line 347: | Line 119: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="color:# | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_After_Effects Adobe After Effects] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
Line 355: | Line 127: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="color:# | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_Illustrator Adobe Illustrator] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
Line 363: | Line 135: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="color:# | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_Lightroom Adobe Lightroom] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
Line 371: | Line 143: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="color:# | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_Photoshop Adobe Photoshop] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
Line 379: | Line 151: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="color:# | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_Premiere_Pro Adobe Premiere Pro] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
Line 387: | Line 159: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="color:# | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_XD Adobe XD] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="text-align:left;" | [https://en.wikipedia.org/wiki/ | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Confluence_(software) Atlassian Confluence] | ||
| style="background-color:#FFFAE5; color:#222;" | Limited experience | | style="background-color:#FFFAE5; color:#222;" | Limited experience | ||
| style="background-color:#FFFAE5; color:#222;" | Limited experience | | style="background-color:#FFFAE5; color:#222;" | Limited experience | ||
Line 419: | Line 175: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="color:# | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Jira_(software) Atlassian Jira] | ||
| style="background-color:#FFFAE5; color:#222;" | Limited experience | | style="background-color:#FFFAE5; color:#222;" | Limited experience | ||
| style="background-color:#FFFAE5; color:#222;" | Limited experience | | style="background-color:#FFFAE5; color:#222;" | Limited experience | ||
Line 427: | Line 183: | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
|- | |- | ||
| style="color:# | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://www.keyshot.com/ Keyshot] | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
| style="background-color:#DEEBFF; color:#222;" | Applied theory | | style="background-color:#DEEBFF; color:#222;" | Applied theory | ||
Line 452: | Line 192: | ||
|- | |- | ||
| style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Languages (idioms) | | style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Languages (idioms) | ||
| style="text-align:left;" | Advanced Business English | | style="background-color:#F4F5F7; color:#36B; text-align:left;" | Advanced Business English | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application | ||
| style="background-color:#E3FCEF; color:#222;" | Practical application | | style="background-color:#E3FCEF; color:#222;" | Practical application |
Latest revision as of 13:15, 20 June 2022
The UX/UI Designers (abbreviation for User Experience/User Interface) are responsible, as the name implies, for ensuring that the design of the application meets all users' needs, ensuring their satisfaction by interacting with our company, platforms, or partner's brands.
UX/UI Designers are mainly responsible for developing user navigation maps, usability tests, creation, development, and implementation of innovative and attractive solutions, prototyping, user and process flow, and linking the communicative interaction to the Design concepts. Once the tests have been carried out, along with our partner's feedback, they also optimize the created solutions, performing the documentation of all processes. To ensure growth in this framework, the UX/UI Designers are required to make enhancement studies, create navigability standards for performance optimization focusing on security, create engagement, and guarantee customer satisfaction.
Progression
In order to progress in our development path and Level Up or Step Up, our UX/UI Designers must:
- Meet the criteria of the Level & Step Chart for the Individual Contributors Path
- Meet the KAI grade of the framework related to each level
- Demonstrate proficiency in Secure Group Knowledge
Salary Grid
All mentioned salary ranges represent the monthly income in Bulgarian Lev after taxes and deductions.
UX/UI Design | Step | ||||
---|---|---|---|---|---|
Level | |||||
Individual Contributor Path | 1 | 2 | 3 | 4 | |
1 | 3.600 | 3.750 | 3.800 | 3.950 | |
2 | 4.600 | 4.750 | 4.800 | 4.950 | |
3 | 5.600 | 5.750 | 5.800 | 5.950 | |
4 | 6.600 | 6.750 | 6.800 | 6.950 | |
5 | 7.600 | 7.750 | 7.800 | 7.950 | |
6 | 8.600 | 8.750 | 8.800 | 8.950 |
KAI of the framework
Extensive Knowledge
Type | Knowledge Description | Minimum Grade to acquire Level X | |||||
---|---|---|---|---|---|---|---|
Level 1 | Level 2 | Level 3 | Level 4 | Level 5 | Level 6 | ||
Programming languages | CSS | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory |
HTML | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Javascript | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Software/Tools/Platforms | Adobe InDesign | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory |
Adobe After Effects | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Adobe Illustrator | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Adobe Lightroom | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Adobe Photoshop | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Adobe Premiere Pro | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Adobe XD | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Atlassian Confluence | Limited experience | Limited experience | Practical application | Applied theory | Applied theory | Applied theory | |
Atlassian Jira | Limited experience | Limited experience | Practical application | Applied theory | Applied theory | Applied theory | |
Keyshot | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Languages (idioms) | Advanced Business English | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory |