UX/UI Design: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| Line 72: | Line 72: | ||
<div class="box-content framework"> | <div class="box-content framework"> | ||
<div class="center"> | <div class="center"> | ||
{| class="wikitable" style="text-align:center; font-size:13px; font-family:Arial, Helvetica, sans-serif !important;; background-color:# | {| class="wikitable" style="text-align:center; font-size:13px; font-family:Arial, Helvetica, sans-serif !important;; background-color:#deebff; color:#222;" | ||
|- style="font-weight:bold; vertical-align:middle; background-color:#EAECF0; color:#172B4D;" | |- style="font-weight:bold; vertical-align:middle; background-color:#EAECF0; color:#172B4D;" | ||
! rowspan="2" | Type | ! rowspan="2" | Type | ||
| Line 86: | Line 86: | ||
|- | |- | ||
| 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 94: | 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 102: | 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 111: | 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:# | | 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 119: | 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 127: | 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 135: | 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 143: | 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 151: | 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 159: | 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 | ||
| Line 167: | Line 167: | ||
| 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/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 175: | 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 183: | 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 | ||
| Line 192: | 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 | ||
Revision as of 11:26, 18 June 2021
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 | 2.000 | 2.150 | 2.300 | 2.450 | |
| 2 | 3.000 | 3.150 | 3.300 | 3.450 | |
| 3 | 4.000 | 4.150 | 4.300 | 4.450 | |
| 4 | 5.000 | 5.150 | 5.300 | 5.450 | |
| 5 | 6.000 | 6.150 | 6.300 | 6.450 | |
| 6 | 7.000 | 7.150 | 7.300 | 7.450 | |
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 |