UX/UI Design: Difference between revisions

From Secure Group Wiki
Jump to navigation Jump to search
No edit summary
 
(9 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 =
 
== Extensive Knowledge ==
<!-- JOB FRAMEWORK -->
<div class="grid two-columns">
<div class="">
  <div class="box-header center">
== General Knowledge ==
  </div>
  <div class="box-content framework">
    <div class="center">
{| class="wikitable"
!rowspan="2"|'''Concepts'''
|[https://en.wikipedia.org/wiki/Balanced_scorecard Balanced Scorecard]
|-
|[https://en.wikipedia.org/wiki/Scrum_(software_development) Scrum]
|-
!rowspan="6"|Softwares/Tools/Platforms - Usage
|[https://en.wikipedia.org/wiki/Confluence_(software) Atlassian Confluence]
|-
|[https://en.wikipedia.org/wiki/Jira_(software) Atlassian Jira]
|-
|[https://en.wikipedia.org/wiki/BambooHR BambooHR]
|-
|[https://openstf.io/ OpenSTF]
|-
|[https://www.small-improvements.com/ Small Improvements]
|-
|[https://www.idaptive.com/ Idaptive]
|-
!rowspan="1"|Languages (Idioms)
|Advanced English
|}
  </div>
</div>
</div>
 
<!-- JOB FRAMEWORK -->
<div class="">
  <div class="box-header center">
== Specific 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="26"|'''Concepts'''
|- style="font-weight:bold; vertical-align:middle; background-color:#EAECF0; color:#172B4D;"
|[https://en.wikipedia.org/wiki/Communication_theory Communication Theory]
! rowspan="2" | Type
|-
! rowspan="2" | Knowledge Description
|[https://en.wikipedia.org/wiki/Data_collection Data collection] / [https://en.wikipedia.org/wiki/Statistics Statistics] & [https://en.wikipedia.org/wiki/Analytics Data Analytics]
! colspan="6" | Minimum Grade to acquire Level X
|-
|- style="font-weight:bold; vertical-align:middle; background-color:#F4F5F7; color:#172B4D;"
|[https://uxstudioteam.com/ux-blog/design-handoff/ Design Hand-off for Android Development]
| Level 1
|-
| Level 2
|[https://uxstudioteam.com/ux-blog/design-handoff/ Design Hand-off for Printing]
| Level 3
|-
| Level 4
|[https://uxstudioteam.com/ux-blog/design-handoff/ Design Hand-off for Web Development]
| Level 5
|-
| Level 6
|[https://en.wikipedia.org/wiki/Digital_marketing Digital Marketing Design]
|-
|[https://en.wikipedia.org/wiki/Digital_prototyping Digital Prototyping]
|-
|[https://en.wikipedia.org/wiki/Information_architecture Information Architecture]
|-
|[https://en.wikipedia.org/wiki/Interaction_design Interaction Design]
|-
|[https://en.wikipedia.org/wiki/User_interface_design Interface Design]
|-
|[https://en.wikipedia.org/wiki/Logo Logo] and [https://en.wikipedia.org/wiki/Brand#Brand_identity Brand Identity Design]
|-
|[https://en.wikipedia.org/wiki/Marketing Marketing]
|-
|Packaging Design
|-
|[https://wiki.ubc.ca/Presentation_Skills Presentation skills]
|-
|[https://en.wikipedia.org/wiki/Print_design Print Design]
|-
|[https://en.wikipedia.org/wiki/Problem_shaping Problem framing ]
|-
|[https://en.wikipedia.org/wiki/Behavioural_sciences Psychology and Behavioral Science]
|-
|[https://en.wikipedia.org/wiki/Responsive_web_design Responsive Design]
|-
|[https://en.wikipedia.org/wiki/Sketch_(drawing) Sketching]
|-
|[https://en.wikipedia.org/wiki/Storytelling Storytelling]
|-
|Testing sessions conduction
|-
|[https://en.wikipedia.org/wiki/User_interface_design UI Design principle]
|-
|[https://en.wikipedia.org/wiki/Version_control Version Control via Git]
|-
|-
|[https://en.wikipedia.org/wiki/Web_design Web Design]
| 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://en.wikipedia.org/wiki/Website_wireframe Wireframing]
| 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://en.wikipedia.org/wiki/Facilitator Workshop facilitation]
| 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
|-
|-
!rowspan="3"|Languages
| rowspan="10" style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Software/Tools/Platforms
|[https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS]
| 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/HTML HTML]
| 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/JavaScript Javascript]
| 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
|-
|-
!rowspan="8"|Softwares/Tools/Platforms - Usage
| style="background-color:#F4F5F7; color:#36B; text-align:left;" | [https://en.wikipedia.org/wiki/Adobe_Lightroom Adobe Lightroom]
|[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/Adobe_After_Effects Adobe After Effects]
| 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/Adobe_Illustrator Adobe Illustrator]
| 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/Adobe_Lightroom Adobe Lightroom ]
| 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
|-
|-
|[https://en.wikipedia.org/wiki/Adobe_Photoshop Adobe Photoshop]
| 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://en.wikipedia.org/wiki/Adobe_Premiere_Pro Adobe Premier Pro]
| 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://en.wikipedia.org/wiki/Adobe_XD Adobe XD]
| 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
|-
|-
|[https://www.keyshot.com/ Keyshot]
| 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>

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
Retrieved from "https://managementmodel.info/index.php?title=UX/UI_Design&oldid=3424"