UX/UI Design: Difference between revisions
(24 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
The UX | 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 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. | ||
In order to progress in our development path and Level Up or Step Up, our UX Designers must: | = Progression= | ||
* Meet the criteria of the Level & Step Chart for the | 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 [[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]] | |||
</br> | </br> | ||
<div class="center"> | |||
= Salary Grid = | |||
All mentioned salary ranges represent the monthly income in Bulgarian Lev after taxes and deductions. | |||
<div class="center"> | |||
= | |||
{| class="wikitable" | {| class="wikitable" | ||
! | !colspan="2"|UX/UI Design | ||
| | !colspan="4"|Step | ||
|- | |- | ||
| | !rowspan="11"|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 | |||
|} | |} | ||
</div> | |||
</div> | </div> | ||
= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the framework = | |||
== Extensive Knowledge == | |||
== | |||
</div> | </div> | ||
<div class="box-content framework"> | <div class="box-content framework"> | ||
<div class="center"> | <div class="center"> | ||
{| class="wikitable" | {| class="wikitable" style="text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif !important;; background-color:#deebff; color:#222;" | ||
!rowspan=" | |- style="font-weight:bold; vertical-align:middle; background-color:#EAECF0; color:#172B4D;" | ||
| | ! rowspan="2" | Type | ||
| | ! rowspan="2" | Knowledge Description | ||
| | ! colspan="6" | Minimum Grade to acquire Level X | ||
|- style="font-weight:bold; vertical-align:middle; background-color:#F4F5F7; color:#172B4D;" | |||
| Level 1 | |||
| Level 2 | |||
| Level 3 | |||
| Level 4 | |||
| Level 5 | |||
| Level 6 | |||
|- | |- | ||
|[https:// | | rowspan="3" style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Programming languages | ||
| 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:#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 | |||
|- | |- | ||
|[https:// | | 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:#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 | |||
|- | |- | ||
|[https:// | | 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:#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 | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | rowspan="10" style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Software/Tools/Platforms | ||
| 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:#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 | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | 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:#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 | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | 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:#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 | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | 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:#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 | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | 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:#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 | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | 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:#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 | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | 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:#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:#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:#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 | |||
|- | |- | ||
|[https:// | | 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:#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 | |||
|- | |- | ||
|[https:// | | 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:#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="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Languages (idioms) | ||
| 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:#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 | ||
| | |||
|- | |||
| | |||
|- | |||
| | |||
| | |||
| | |||
| | |||
| | |||
|- | |||
| | |||
|- | |||
| | |||
|} | |} | ||
</div> | </div> | ||
Line 136: | Line 204: | ||
</div> | </div> | ||
</div> | </div> | ||
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 |