UX/UI Design: Difference between revisions

From Secure Group Wiki
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:#DEEBFF; color:#222;"
{| 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:#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 119: 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 127: 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 135: 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 143: 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 151: 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 159: 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 167: 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 175: 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 183: 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 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:



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