UX/UI Design: Difference between revisions

From Secure Group Wiki
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
The UX/UI Designer (abbreviation for User Experience/User Interface) is 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 brands.
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 to link 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 platforms, performing the documentation of all processes. To conclude, these professionals are responsible for benchmarking, making enhancement studies, creating navigability standards for performance optimization, creating engagement, and guaranteeing conversion rates across multiple platforms.
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 [[Individual_Contributors|Individual Contributors Path]]
* Meet the criteria of the Level & Step Chart for the [[Performance#Individual_Contributors_Levels|Individual Contributors Path]]
* Score at least 4 in the [[KAI]] of the position in order to reach Level 3
* 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
|2.000
|3.600
|2.150
|3.750
|2.300
|3.800
|2.450
|3.950
|-
|-
!2
!2
|3.000
|4.600
|3.150
|4.750
|3.300
|4.800
|3.450
|4.950
|-
|-
!3
!3
|4.000
|5.600
|4.150
|5.750
|4.300
|5.800
|4.450
|5.950
|-
|-
!4
!4
|5.000
|6.600
|5.150
|6.750
|5.300
|6.800
|5.450
|6.950
|-
|-
!5
!5
|6.000
|7.600
|6.150
|7.750
|6.300
|7.800
|6.450
|7.950
|-
|-
!6
!6
|7.000
|8.600
|7.150
|8.750
|7.300
|8.800
|7.450
|8.950
|}
|}
</div>
</div>
</div>
</div>


= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the position =
= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the framework =
 
<!-- JOB FRAMEWORK -->
<div class="grid two-columns">
<div class="">
  <div class="box-header center">
== 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:#F4F5F7;"
|- 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;"
| style="color:#172B4D;" | Level 1
| Level 1
| style="color:#172B4D;" | Level 2
| Level 2
| style="color:#172B4D;" | Level 3
| Level 3
| style="color:#172B4D;" | Level 4
| Level 4
| style="color:#172B4D;" | Level 5
| Level 5
| style="color:#172B4D;" | Level 6
| 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 97: 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 105: 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 114: Line 111:
|-
|-
| rowspan="10" style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Software/Tools/Platforms
| rowspan="10" style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Software/Tools/Platforms
| style="color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_InDesign Adobe InDesign]
| 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 122: Line 119:
| style="background-color:#DEEBFF; color:#222;" | Applied theory
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|-
|-
| style="color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_After_Effects Adobe After Effects]
| 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 130: Line 127:
| style="background-color:#DEEBFF; color:#222;" | Applied theory
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|-
|-
| style="color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_Illustrator Adobe Illustrator]
| 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 138: Line 135:
| style="background-color:#DEEBFF; color:#222;" | Applied theory
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|-
|-
| style="color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_Lightroom Adobe Lightroom]
| 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 146: Line 143:
| style="background-color:#DEEBFF; color:#222;" | Applied theory
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|-
|-
| style="color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_Photoshop Adobe Photoshop]
| 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 154: Line 151:
| style="background-color:#DEEBFF; color:#222;" | Applied theory
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|-
|-
| style="color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_Premiere_Pro Adobe Premiere Pro]
| 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 162: Line 159:
| style="background-color:#DEEBFF; color:#222;" | Applied theory
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|-
|-
| style="color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_XD Adobe XD]
| 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
Line 170: Line 167:
| style="background-color:#DEEBFF; color:#222;" | Applied theory
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|-
|-
| style="color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Confluence_(software) Atlassian Confluence]
| 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 178: Line 175:
| style="background-color:#DEEBFF; color:#222;" | Applied theory
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|-
|-
| style="color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Jira_(software) Atlassian Jira]
| 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 186: Line 183:
| style="background-color:#DEEBFF; color:#222;" | Applied theory
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|-
|-
| style="color:#0052CC; text-align:left;" | [https://www.keyshot.com/ Keyshot]
| 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
Line 195: 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:



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