UX/UI Design: Difference between revisions

From Secure Group Wiki
Jump to navigation Jump to search
mNo edit summary
 
(12 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]]
</br>
</br>


<div class="center">
<div class="center">
Line 26: 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>
   <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="2"|'''Concepts'''
|- style="font-weight:bold; vertical-align:middle; background-color:#EAECF0; color:#172B4D;"
|[https://en.wikipedia.org/wiki/Balanced_scorecard Balanced Scorecard]
! rowspan="2" | Type
|-
! rowspan="2" | Knowledge Description
|[https://en.wikipedia.org/wiki/Scrum_(software_development) Scrum]
! colspan="6" | Minimum Grade to acquire Level X
|-
|- style="font-weight:bold; vertical-align:middle; background-color:#F4F5F7; color:#172B4D;"
!rowspan="7"|Softwares/Tools/Platforms - Usage
| Level 1
|[https://en.wikipedia.org/wiki/Confluence_(software) Atlassian Confluence]
| Level 2
|-
| Level 3
|[https://en.wikipedia.org/wiki/Jira_(software) Atlassian Jira]
| Level 4
|-
| Level 5
|[https://en.wikipedia.org/wiki/BambooHR BambooHR]
| Level 6
|-
|[https://www.libib.com/ Libib]
|-
|[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 class="box-content framework">
    <div class="center">
{| class="wikitable"
!rowspan="26"|'''Concepts'''
|[https://en.wikipedia.org/wiki/Communication_theory Communication Theory]
|-
|[https://en.wikipedia.org/wiki/Data_collection Data collection] / [https://en.wikipedia.org/wiki/Statistics Statistics] & [https://en.wikipedia.org/wiki/Analytics Data Analytics]
|-
|[https://uxstudioteam.com/ux-blog/design-handoff/ Design Hand-off for Android Development]
|-
|[https://uxstudioteam.com/ux-blog/design-handoff/ Design Hand-off for Printing]
|-
|[https://uxstudioteam.com/ux-blog/design-handoff/ Design Hand-off for Web Development]
|-
|[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]
| 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/Print_design Print Design]
| 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/Problem_shaping Problem framing ]
| 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/Behavioural_sciences Psychology and Behavioral Science]
| 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/Responsive_web_design Responsive Design]
| 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/Sketch_(drawing) Sketching]
| 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/Storytelling Storytelling]
| 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
|-
|-
|Testing sessions conduction
| 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/User_interface_design UI Design principle]
| 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/Version_control Version Control via Git]
| 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/Web_design Web Design]
| 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/Website_wireframe Wireframing]
| 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/Facilitator Workshop facilitation]
| 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
|-
|-
!rowspan="3"|Languages
| style="font-weight:bold; background-color:#F4F5F7; text-align:left;" | Languages (idioms)
|[https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS]
| style="background-color:#F4F5F7; color:#36B; text-align:left;" | Advanced Business English
|-
| style="background-color:#E3FCEF; color:#222;" | Practical application
|[https://en.wikipedia.org/wiki/HTML HTML]
| style="background-color:#E3FCEF; color:#222;" | Practical application
|-
| style="background-color:#DEEBFF; color:#222;" | Applied theory
|[https://en.wikipedia.org/wiki/JavaScript Javascript]
| 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:#DEEBFF; color:#222;" | Applied theory
|[https://en.wikipedia.org/wiki/Adobe_InDesign Adobe InDesign]
|-
|[https://en.wikipedia.org/wiki/Adobe_After_Effects Adobe After Effects]
|-
|[https://en.wikipedia.org/wiki/Adobe_Illustrator Adobe Illustrator]
|-
|[https://en.wikipedia.org/wiki/Adobe_Lightroom Adobe Lightroom ]
|-
|[https://en.wikipedia.org/wiki/Adobe_Photoshop Adobe Photoshop]
|-
|[https://en.wikipedia.org/wiki/Adobe_Premiere_Pro Adobe Premier Pro]
|-
|[https://en.wikipedia.org/wiki/Adobe_XD Adobe XD]
|-
|[https://www.keyshot.com/ Keyshot]
|}
|}
   </div>
   </div>
Line 191: Line 204:
  </div>
  </div>
</div>
</div>
<!-- JOB FRAMEWORK -->
<div class="">
  <div class="box-header center">
= IT Knowledge =
  </div>
  <div class="box-content framework center">
    <div class="">
{| class="wikitable"
!System Administration
|-
!System Administration - Day to Day Ops
|-
!Networking concepts
|-
!Programming
|-
!Desktop Software Administration
|}
</div>
</div>
</div> <!-- grid -->
<!-- JOB FRAMEWORK -->
<div class="">
  <div class="box-header center">
= Secure Group Knowledge =
The first item we require proficiency regarding our company is the '''Secure Group Management Model''' (yes, the content in this wiki!). Besides that, we also need our employees to understand our products in all aspects as described in the following table:
  </div>
  <div class="box-content framework">
    <div class="center">
{| class="wikitable"
!colspan="1"|Secure Group Knowledge
!rowspan="1"|What's Expected
!rowspan="1"|Impact
!rowspan="1"|Product
!colspan="1"|Minimum Grade
|-
!rowspan="6"|User Documentation
|rowspan="6"|Good, user-level knowledge regarding the product and its functionalities. From the user documentation, all employees across the company are required to be well aware of our solutions’ core features and functions such as the Password Advisor or how to send an automatic crash report.
|rowspan="6"|This knowledge helps us facilitate a user-centric approach internally, which we believe is essential to develop our business and solutions. The user documentation helps team members understand user behavior and needs more thoroughly and feel the impact of their everyday efforts.
|Secure OS
|4
|-
|SAS
|4
|-
|Secure Chat
|4
|-
|Secure Email
|4
|-
|Secure Vault
|4
|-
|Secure Manager
|4
|-
!rowspan="6"|Sales Documentation
|rowspan="6"|Employees should gain significant knowledge regarding the business side of Secure Group. They need to be aware of commonly used concepts in our day-to-day activities such as our business and distribution model, value proposition, selling prices, key selling points, and target audience.
|rowspan="6"|The information in the Sales Documentation supports employees in their daily routine. It conveys the overall business vision within the company. This documentation contributes to making employees aware of how our solutions are distributed, who are our key partners and target market to know exactly the people towards whom team members’ efforts should be aimed. Alignment on company-wide priorities is also achieved through clear communication of our value proposition and key selling points, helping everyone understand the things that matter most.
|Secure OS
|4
|-
|SAS
|4
|-
|Secure Chat
|4
|-
|Secure Email
|4
|-
|Secure Vault
|4
|-
|Secure Manager
|4
|-
!rowspan="6"|Support Documentation
|rowspan="6"|People within the company need to be aware of commonly occurring problems with our solutions. From the Support Documentation, employees should also extract general level knowledge regarding support processes, the issues that we’re currently having product-wise, and the approach to troubleshooting them.
|rowspan="6"|o The Support Documentation helps employees understand short-term priorities more clearly and communicate more openly why they’re needed. It also gives them general knowledge of how to spot and report a problem, which helps us facilitate a company-wide contribution to product development. Last but by no means least, it helps team members understand customers pains and behavioral patterns to strengthen our user-centric approach.
|Secure OS
|3
|-
|SAS
|3
|-
|Secure Chat
|3
|-
|Secure Email
|3
|-
|Secure Vault
|3
|-
|Secure Manager
|3
|-
!rowspan="6"|Functional Documentation
|rowspan="6"|Through the Functional Documentation, employees should get a thorough understanding of the solutions and their multiple features. People that work closely with the products must understand exactly how they function, how users interact with them, how to configure different settings, and what’s the expected behavior of different software solutions.
|rowspan="6"|o The information in the Functional Documentation helps employees whose work is closely connected with our solutions, to gain significant in-depth knowledge into their functionalities that far exceeds users‘ understanding. Such thorough product expertise helps us remain objective, evaluate market data more adequately, and constantly increase our internal expertise.
|Secure OS
|4
|-
|SAS
|4
|-
|Secure Chat
|4
|-
|Secure Email
|4
|-
|Secure Vault
|4
|-
|Secure Manager
|4
|-
!rowspan="6"|Technical Documentation
|rowspan="6"|Employees concerned with the Technical Documentation and more concretely - software development, must gain complete mastery over all solutions. Such people are regarded as technical experts and need to be well aware of data structures, relational databases, algorithms, programming languages, models, etc.
|rowspan="6"|The Technical Documentation is used to make sure people that are technically involved in product development have the required knowledge to perform their day-to-day tasks, optimize our solutions more easily, and support other teams with their in-depth expertise.
|Secure OS
|3
|-
|SAS
|3
|-
|Secure Chat
|3
|-
|Secure Email
|3
|-
|Secure Vault
|3
|-
|Secure Manager
|3
|-
|}

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