O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
Injecting a brand personality!
UX & UI
JAYAN
NARAYANAN
UX
Brand
UI
Personality is
the platform for
emotion
UI & UX
facets which
define the
Brand
UI design
trends &
disciplines
U...
UX Design
User experience design (UXD) is the process of enhancing
customer satisfaction and loyalty by improving the usability,
eas...
Content
UI Design
Usability
User Interaction Design
in a broad way...
User
Experience
Design (UX)
Busting UX Myths
MYTH #1
UX=UIUser InterfaceUser Experiance
MYTH #2
You = Your user
MYTH #3
User always know what they want
MYTH #4
UXendswhenuserleavewebsite/screen
MYTH #5
UX best practices always works!
MYTH #6
UX Guru knows all!
MYTH #7
Knowbody know it!!!!!
World is changing...
User too...
Human computer interaction: surface and
gesture interfaces
2D SENSING – SURFACES
3D Depth sensing, Face and body tracking solutions
3D SENSING – GESTURES
home is changed...
SELF LEARNING APPLIANCES
life style is changing...
WEARABLE COMPUTING
Elements of UX
http://experoinc.com/user-experience-is-not-graphic-design/
THE SURFACE - Visual Design / UI
THE SKELETON - Wire-frame,
In...
Behind the scene
ask... until you know it all
BRIEFING
create hierarchy and flow...
CONTENT ARCHITECTURE
make a plan...
WIREFRAMING
it shows all the interaction flaws
PROTOTYPING
look & feel - front-end design
USER INTERFACE DESIGN
user centered testing over gut feel
USER TESTING & FINE TUNING
finding patterns in facts & figures
ANALYTICS REPORTS
Winning a
SEO & UX fight!!
optimization
engine
search
Having a website that lacks customer is like having
no website, design and behavior of website are need
must if you want s...
UI Design
User Interface Design (UID) is a process of visually
guiding the user through a product’s interface via
interactive elemen...
merging similar functions instead of
fragmenting the UI
Over the course of time, it’s easy to unintentionally create multi...
UI IDEAS #2
distinct clickable/selected styles
instead of blurring them
Visual styling such as color, depth, and contrast ...
UI IDEAS #3
fewer form fields instead of
asking for too many
Human beings are inherently resistant to labor intensive task...
UI IDEAS #4
keeping focus instead of
drowning with links
It’s easy to create a page with lots of links going left and righ...
UI IDEAS #5
benefit buttons instead of just task
based ones.
The hypothesis set here is that buttons which reinforce a ben...
UI IDEAS #6
gradual engagement instead of a
hasty sign up.
Instead of asking visitors to sign up immediately, ask them to ...
UI IDEAS #7
consistency instead of making
people relearn.
Striving for consistency in user interface design is probably on...
Busting UI Myths
MYTH #1
UI=Decoration
MYTH #2
everything has to be above the fold -
put maximum above 600 pixels!
MYTH #3
three clicks from the homepage -
shortcuts always works!
MYTH #4
homepage is the most important page -
users come to home directly!
MYTH #5
on a web page what ever not moving is
dead - auto movements are good!
New age design
Trends & Disciplines
MOBILE FIRST APPROACH
start the design from small screen
METRO DESIGN
revolution @ Microsoft interface
MATERIAL DESIGN
Google making own interaction standards
MINIMALISM & FLAT VS SKEUOMORPHIC
fashion circles... may be :)
NEW VISUAL TRENDS
big on typo...
CONTINUES...
big on visuals...
CONTINUES...
big on social icons...
RESPONSIVE DESIGN
design for every device - HTML 5
INTERACTIVE VIDEOS
loading techs, story telling, annotations...
RESPONSIVE INFOGRAPHICS
1 pic = 1000 words. interactive pic = much more
STORYTELLING PARALLAX
fun of discovering and exploring
UX & UI: Injecting a
Brand Persona!
The micro interactions, or moments of delight- Micro copies
Usage of colours- Create a mood board
Typography- Making a cha...
Thank you!
Jayan Narayanan
jayan.narayanan@gmail.com
Próximos SlideShares
Carregando em…5
×
Próximos SlideShares
UX Design Myths
Avançar
Transfira para ler offline e ver em ecrã inteiro.

1405

Compartilhar

Baixar para ler offline

UX Design + UI Design: Injecting a brand persona!

Baixar para ler offline

It is my try to shed light on two often heard but little understood or confused acronyms and its impact on overall brand experience. The presentation originally designed to address a group of entrepreneurs who have little knowledge in design and it's technical jargons.

Livros relacionados

Gratuito durante 30 dias do Scribd

Ver tudo

UX Design + UI Design: Injecting a brand persona!

  1. Injecting a brand personality! UX & UI JAYAN NARAYANAN
  2. UX Brand UI Personality is the platform for emotion UI & UX facets which define the Brand UI design trends & disciplines Understanding the Platform & Tools What is UI design Design for all devices Busting UI Myths Multi Device Experience Understanding UX Design & Process & Workflow What is UX design really means! UX Myths SEO UXD Fight Brand & Branding Injecting attitude
  3. UX Design
  4. User experience design (UXD) is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product
  5. Content UI Design Usability User Interaction Design in a broad way... User Experience Design (UX)
  6. Busting UX Myths
  7. MYTH #1 UX=UIUser InterfaceUser Experiance
  8. MYTH #2 You = Your user
  9. MYTH #3 User always know what they want
  10. MYTH #4 UXendswhenuserleavewebsite/screen
  11. MYTH #5 UX best practices always works!
  12. MYTH #6 UX Guru knows all!
  13. MYTH #7 Knowbody know it!!!!!
  14. World is changing... User too...
  15. Human computer interaction: surface and gesture interfaces 2D SENSING – SURFACES
  16. 3D Depth sensing, Face and body tracking solutions 3D SENSING – GESTURES
  17. home is changed... SELF LEARNING APPLIANCES
  18. life style is changing... WEARABLE COMPUTING
  19. Elements of UX
  20. http://experoinc.com/user-experience-is-not-graphic-design/ THE SURFACE - Visual Design / UI THE SKELETON - Wire-frame, Interaction patterns, Global navigation ... THE STRUCTURE - Information architecture, Defining content ... THE SCOPE - Functionality, Usefulness, Requirements ... THE STRATEGY - Business requirements, Defining user Needs, Goals and Aspirations ...
  21. Behind the scene
  22. ask... until you know it all BRIEFING
  23. create hierarchy and flow... CONTENT ARCHITECTURE
  24. make a plan... WIREFRAMING
  25. it shows all the interaction flaws PROTOTYPING
  26. look & feel - front-end design USER INTERFACE DESIGN
  27. user centered testing over gut feel USER TESTING & FINE TUNING
  28. finding patterns in facts & figures ANALYTICS REPORTS
  29. Winning a SEO & UX fight!! optimization engine search
  30. Having a website that lacks customer is like having no website, design and behavior of website are need must if you want sale more, SEO is way to bring visitor on website but they leave it if your website not hold them
  31. UI Design
  32. User Interface Design (UID) is a process of visually guiding the user through a product’s interface via interactive elements and across all sizes/platforms. UID is responsible for the transference of a brand’s strengths and visual assets to a product’s interface as to best enhance the user’s experience
  33. merging similar functions instead of fragmenting the UI Over the course of time, it’s easy to unintentionally create multiple sections, elements and features which all perform the same function. It’s basic entropy - things start falling apart over time. Duplicate functionality labelled in various ways, as it puts a strain on your customers. Often, the more UI fragmentation there is, the higher the learning curve which your customers will have to deal with. UI IDEAS #1
  34. UI IDEAS #2 distinct clickable/selected styles instead of blurring them Visual styling such as color, depth, and contrast may be used as a reliable cue to help people understand the fundamental language of navigating your interface: where am I, and where can I go. In order to communicate this clearly to your users, the styles of your clickable actions (links, buttons), selected elements (chosen items), and plain text should be clearly distinct from one another and then applied consistently across an interface.
  35. UI IDEAS #3 fewer form fields instead of asking for too many Human beings are inherently resistant to labor intensive tasks and this same idea also applies to filling out form fields. Each field you ask for runs the risk of making your visitors turn around and give up. Question if each field is really necessary and remove as many fields as possible. If you really have numerous optional fields, then also consider moving them after form submission on a separate page or state.
  36. UI IDEAS #4 keeping focus instead of drowning with links It’s easy to create a page with lots of links going left and right in the hope of meeting as many customer needs as possible. Be aware that any link above the primary CTA runs the risk of taking your customers away from what you’ve been hoping them to do. Keep an eye out on the number of links on your pages as too much links affects SEO badly. Removing extraneous links can be a sure way to increase someone’s chances of reaching that important button.
  37. UI IDEAS #5 benefit buttons instead of just task based ones. The hypothesis set here is that buttons which reinforce a benefit might lead to higher conversions. Alternatively, the benefit can also be placed closely to where the action button is in order to remind people why they are about to take that action. Surely, there is still room for task based actions buttons, but those can be reserved for interface areas that require less convincing and are more recurring in use.
  38. UI IDEAS #6 gradual engagement instead of a hasty sign up. Instead of asking visitors to sign up immediately, ask them to first perform a task through which something of value is demonstrated. Once users begin to see your product’s value and see how they can make it their own, they will then be more open to sharing with you additional information. Gradual engagement is really a way to postpone the sign up process as much as possible and still allow users to use and customize your application or product.
  39. UI IDEAS #7 consistency instead of making people relearn. Striving for consistency in user interface design is probably one of the most well known principles. Having a more consistent UI or interaction is simply a great way to decrease the amount of learning someone has to go through as they use an interface or product.
  40. Busting UI Myths
  41. MYTH #1 UI=Decoration
  42. MYTH #2 everything has to be above the fold - put maximum above 600 pixels!
  43. MYTH #3 three clicks from the homepage - shortcuts always works!
  44. MYTH #4 homepage is the most important page - users come to home directly!
  45. MYTH #5 on a web page what ever not moving is dead - auto movements are good!
  46. New age design Trends & Disciplines
  47. MOBILE FIRST APPROACH start the design from small screen
  48. METRO DESIGN revolution @ Microsoft interface
  49. MATERIAL DESIGN Google making own interaction standards
  50. MINIMALISM & FLAT VS SKEUOMORPHIC fashion circles... may be :)
  51. NEW VISUAL TRENDS big on typo...
  52. CONTINUES... big on visuals...
  53. CONTINUES... big on social icons...
  54. RESPONSIVE DESIGN design for every device - HTML 5
  55. INTERACTIVE VIDEOS loading techs, story telling, annotations...
  56. RESPONSIVE INFOGRAPHICS 1 pic = 1000 words. interactive pic = much more
  57. STORYTELLING PARALLAX fun of discovering and exploring
  58. UX & UI: Injecting a Brand Persona!
  59. The micro interactions, or moments of delight- Micro copies Usage of colours- Create a mood board Typography- Making a character Interactive animations Transitions- Intuitive make it alive Visual elements- Communicate the idea The usability- Focused The content strategy touchpoints- Notifications, social media presence
  60. Thank you! Jayan Narayanan jayan.narayanan@gmail.com
  • MatHoren

    May. 7, 2021
  • TwinkleMehta2

    Aug. 29, 2020
  • AgungNugroho180

    Jun. 27, 2020
  • AKASHMONDAL12

    Jun. 9, 2020
  • ssuserf8e2af

    May. 15, 2020
  • ShinJara

    Apr. 2, 2020
  • anonymouspoet11

    Mar. 27, 2020
  • hnb1988

    Dec. 17, 2019
  • DeandraFields

    Nov. 27, 2019
  • AyoleyiOlanrewaju

    Nov. 21, 2019
  • EnriqueRdelaCmara

    Nov. 17, 2019
  • MuhammadZakkieRamdha

    Nov. 17, 2019
  • MeenakshiSivakumar

    Nov. 16, 2019
  • SophiaMohamed

    Oct. 21, 2019
  • NitinDhawane

    Oct. 18, 2019
  • basset

    Oct. 16, 2019
  • TerryTanasa

    Oct. 14, 2019
  • ChristianPolanski

    Oct. 3, 2019
  • SakshiGupta522

    Oct. 3, 2019
  • hellorenats

    Oct. 1, 2019

It is my try to shed light on two often heard but little understood or confused acronyms and its impact on overall brand experience. The presentation originally designed to address a group of entrepreneurs who have little knowledge in design and it's technical jargons.

Vistos

Vistos totais

283.581

No Slideshare

0

De incorporações

0

Número de incorporações

163.269

Ações

Baixados

6.107

Compartilhados

0

Comentários

0

Curtir

1.405

×