Vinod Narayanan - Trigent Vantage

Importance of User Experience Design (UXD)

Introduction User experience design (UXD) is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided in the interaction with the product. User experience design encompasses traditional human–computer interaction design, and extends it by addressing all aspects of a product or service as perceived by users. The term… Continue reading Importance of User Experience Design (UXD)

UI Design: Wireframe, Mockup and Prototype

There is a huge misconception about the actual meaning behind words such as wireframe, mockup, and prototype. They are considered by most as a method to show a design. The UI design process The UI design process goes from wireframing to mockups to prototyping, with variation in fidelity for each stage. The prototype is interactive while… Continue reading UI Design: Wireframe, Mockup and Prototype

Angular 2 Single Page Apps using Routing – Part 5

Have you gone through the earlier four blogs, in this 5-part blog series: `Angular 2 Single Page Apps using Routing – Part 1′ and `Angular 2 Single Page Apps using Routing – Part 2′, Angular 2 Single Page Apps using Routing – Part 3 and Angular 2 Single Page Apps using Routing – Part 4‘? Update base… Continue reading Angular 2 Single Page Apps using Routing – Part 5

Angular 2 Single Page Apps using Routing – Part 4

Do go through the earlier three blogs, in this 5-part blog series: `Angular 2 Single Page Apps using Routing – Part 1′ and `Angular 2 Single Page Apps using Routing – Part 2‘, Angular 2 Single Page Apps using Routing – Part 3. Creating `Cats’ Component Create Cats folder under app folder. Create cat.component.ts under Cats… Continue reading Angular 2 Single Page Apps using Routing – Part 4

Angular 2 Single Page Apps using Routing – Part 3

If you have not gone through my first two blogs, this might be the right time to go through them: `Angular 2 Single Page Apps using Routing – Part 1′ and `Angular 2 Single Page Apps using Routing – Part 2′. In this blog, I will show the process for updating app.component.html. <nav class=”navbar navbar-default”> <div… Continue reading Angular 2 Single Page Apps using Routing – Part 3

Angular 2 Single Page Apps using Routing – Part 2

In continuation to my earlier blog on the `Angular 2 Single Page Apps Using Routing’ blog series, in this one, I will go through the process required for creating a Home Component. Creating Home Component Create Home folder under app folder. Create home.component.ts under Home folder. Put the following code in it: import { Component } from… Continue reading Angular 2 Single Page Apps using Routing – Part 2

Angular 2 Single Page Apps using Routing – Part 1

In this 5-part blog series I will go through a PetCare application to explain the concept of Single Page App using a router component. Given below is a screenshot of how the final app output will appear in both desktop and mobile devices: Prerequisites This blog is for people familiar with basic Angular 2 and Twitter… Continue reading Angular 2 Single Page Apps using Routing – Part 1

Creating Custom Master Page Using Design Manager

Design Manager is a collective set of pages and functionality in SharePoint 2013 that guides users through the design process. It gives one the ability to map a local drive to a site’s Master Page Gallery and import HTML and CSS files into SharePoint. From there, SharePoint actually converts the HTML files into a Master… Continue reading Creating Custom Master Page Using Design Manager

Best Practices for Responsive Web Design

As most of us already know, Responsive Web design (RWD) is an approach by which a website is rendered seamlessly when users switch from their respective desktops/ laptops to handheld devices (mobile or tablet). This is achieved by using flexible grid-based layout and media with intelligent use of CSS media queries. Given below are some… Continue reading Best Practices for Responsive Web Design