TCS UI UX and Graphic Designer Interview Questions and Answers

Q1. Tell me about yourself
Ans. 
I am a creative UI/UX and Graphic Designer with a passion for creating visually appealing and user-friendly designs.
• Experienced in creating wireframes, mockups, and prototypes for web and mobile applications

• Proficient in Adobe Creative Suite, Sketch, and other design tools

• Strong understanding of user-centered design principles and best practices

• Excellent communication and collaboration skills to work effectively with c
Answered by AI
Add your answer
Q2. What motivates you
Ans. 
I am motivated by the opportunity to create meaningful and impactful designs that enhance user experiences.
• Creating designs that solve real-world problems

• Receiving positive feedback from users

• Collaborating with a team to bring a vision to life
Answered by AI
Add your answer

Q1. Technical Questions
Add your answer
Q2. Scenario Based Questions
Add your answer

Assignment Related to UI UX

Q1. Salary Expectations
Add your answer

Q1. Given UI task display like display boxes side by side in desktop screen and one after the other in mobile screen using media queries?
Add your answer
Q2. Explain difference between authorization vs authentication?
Ans. 
Authentication verifies a user's identity, while authorization determines what a user can access.
• Authentication confirms a user's identity through credentials like username and password.

• Authorization controls access to resources based on the authenticated user's permissions.

• Example: Logging into a website (authentication) and then being able to view/edit specific pages based on your role (authorization).
Answered by AI
Add your answer
Q3. How to render list in react? Also explain difference between state vs prop in react?
Ans. 
To render a list in React, use map() function to iterate over an array of data and return a list of components. State is mutable data managed within a component, while props are immutable data passed from parent to child components.
• To render a list in React, use map() function to iterate over an array of data and return a list of components.

• Example: const items = ['item1', 'item2', 'item3']; items.map(item =>

• read more
Answered by AI
Add your answer

Q1. What are the webpage optimization techniques? How to check webpage optimization? In lighthouse optimization reports , how to fix issue related render blocking scripts?
Ans. 
Webpage optimization techniques include minifying CSS and JS files, optimizing images, using asynchronous loading for scripts, and reducing render-blocking scripts.
• Minify CSS and JS files to reduce file sizes and improve loading times.

• Optimize images by compressing them and using the correct file format (e.g. JPEG for photographs, PNG for graphics).

• Use asynchronous loading for scripts to prevent them from blocking the ...read more
Answered by AI
Add your answer
Q2. Write scss code nested li element by applying background color 2 element and also use mixins?
Ans. 
Use SCSS to apply background color to nested li elements and utilize mixins.
• Use nesting to target the li elements within a parent element

• Apply background color to the 2nd li element using the :nth-child() selector

• Define and use mixins to reuse styles across the codebase
Answered by AI
Add your answer
Q3. How to fix cumulative layout shift issues?
Ans. 
To fix cumulative layout shift issues, ensure all images and media have dimensions specified in HTML, use CSS aspect ratio boxes, and prioritize loading critical resources.
• Specify dimensions for all images and media in HTML to prevent layout shifts.

• Use CSS aspect ratio boxes to reserve space for images before they load.

• Prioritize loading critical resources to avoid sudden layout changes.
Answered by AI
Add your answer

Q1. My name is seema
Add your answer
Q2. I am from kasganj
Add your answer
Q3. But recently living in noida
Add your answer
Q4. I have done polytechnic diploma
Add your answer
Q5. Computer sceince from acmt group of collage
Ans. 
The question seems to be asking about the Computer Science program at ACMT Group of Colleges.
• ACMT Group of Colleges offers a Computer Science program.

• The program likely covers topics such as programming languages, algorithms, data structures, and software development.

• Students may have access to resources like computer labs, libraries, and industry connections.
Answered by AI
Add your answer
Q6. Shikohabad distic forozabad agra UP
Add your answer
Q7. I am freshar skills html css
Add your answer
Q8. My hobbies travelling
Add your answer
Q9. My strenth hard working person and self motivated
Add your answer
Q10. I live in joint family there are 11 member in my family
Add your answer

Q1. Degrees , Qualifications
Add your answer
Q2. Be very specific with your academics qualifications
Add your answer

Technical Rounds:
The initial two technical rounds were conducted professionally, and the interviewers seemed genuinely interested in my background, experience, and skills related to UI/UX design. The questions were relevant and challenging, but I felt adequately prepared for them. I appreciated the opportunity to discuss my design portfolio and provide detailed answers to their inquiries. These rounds created a positive impression of IBM's commitment to hiring skilled professionals in the UI/UX field.

In conclusion, while the initial technical rounds of the interview process at IBM were professional and promising, the manager round with Anil G left me with concerns about the fairness and effectiveness of the evaluation process. Addressing potential biases in the interview process is crucial to ensuring a better candidate experience and a more accurate assessment of future UI/UX Designer candidates.

Q1. WHat is event loop?
Ans. 
Event loop is a mechanism in JavaScript that allows for asynchronous operations to be executed in a non-blocking way.
• Event loop is responsible for handling asynchronous operations in JavaScript.

• It allows for non-blocking execution of code by continuously checking the call stack and the task queue.

• When the call stack is empty, the event loop moves tasks from the task queue to the call stack for execution.

• Example: setTim...read more
Answered by AI
Add your answer
Q2. What is DOM ?
Ans. 
DOM stands for Document Object Model, a programming interface for web documents.
• DOM is a tree-like structure that represents the elements of a web page.

• It allows developers to manipulate the content, structure, and style of a web page using scripting languages like JavaScript.

• DOM provides methods and properties to interact with HTML elements, such as selecting, adding, removing, or modifying them.

• Example: document.getE...read more
Answered by AI
Add your answer

Q1. What is lazy loading? What is routing and how to implement it? How to implement observables? What is promise? How to achieve asynchronous call in javascript?
Ans. 
Lazy loading is a technique to defer loading of non-critical resources until they are needed.
• Lazy loading improves page load time and performance.

• It is commonly used for images, videos, and other media files.

• Lazy loading can be implemented using JavaScript libraries like LazyLoad or by using the Intersection Observer API.

• Lazy loading can also be implemented in frameworks like Angular and React.
Answered by AI
Add your answer
Q2. What is HTML5? What is css3? How to achieve media queries?
Ans. 
HTML5 is the latest version of the HTML standard, CSS3 is the latest version of the CSS standard, and media queries are used in CSS to apply different styles based on device characteristics.
• HTML5 is the fifth and latest version of the HTML standard used for structuring content on the web.

• CSS3 is the latest version of the CSS standard used for styling web pages.

• Media queries in CSS allow for responsive design by applyin...read more
Answered by AI
Add your answer