SlideShare a Scribd company logo
1 of 18
Blend – Apps além do código
Aline Brito
• Microsoft Student Partner
• Http://www.alinefbrito.net
• @alinefbrito
Experiência de usuário(UX)
Plataforma
Ferramentas
Habilidades
UX
Plataforma
O que é Modern Design?
Ferramentas
Princípios de Design
• Clean, Light, Open and Fast
• Celebrate Typography
• Alive in Motion
• Content, Not Chrome
• Authentically Digital
Pode me
ajudar???
Demo
Onde aprender mais?
• http://www.microsoftvirtualacademy.com/training-courses/introdu-o-ao-
blend-for-visual-studio-2013
• http://blogs.msdn.com/b/visualstudio/archive/2013/06/27/what-s-new-in-
visual-studio-2013-preview-for-authoring-windows-store-xaml-apps.aspx
• http://blogs.msdn.com/b/visualstudio/archive/2013/09/03/what-s-new-
for-html-developers-in-blend-for-visual-studio-2013-preview.aspx
• http://msdn.microsoft.com/pt-
br/library/windows/apps/jj129478(v=vs.120).aspx
• http://www.microsoft.com/en-us/news/stories/design/

More Related Content

What's hot (10)

Shivang
ShivangShivang
Shivang
 
Resume
ResumeResume
Resume
 
Rohit may-2017
Rohit may-2017Rohit may-2017
Rohit may-2017
 
SUNNY_CV
SUNNY_CVSUNNY_CV
SUNNY_CV
 
TechDays - Power BI Custom Visuals
TechDays - Power BI Custom VisualsTechDays - Power BI Custom Visuals
TechDays - Power BI Custom Visuals
 
Our clients portfolio
Our clients portfolioOur clients portfolio
Our clients portfolio
 
Resume 2015
Resume 2015Resume 2015
Resume 2015
 
FarooqShad
FarooqShadFarooqShad
FarooqShad
 
CShields_Resume2
CShields_Resume2CShields_Resume2
CShields_Resume2
 
Strategic Actions in MVP Context (Bucharest Product Camp)
Strategic Actions in MVP Context (Bucharest Product Camp)Strategic Actions in MVP Context (Bucharest Product Camp)
Strategic Actions in MVP Context (Bucharest Product Camp)
 

Viewers also liked (7)

TI para mulheres
TI para mulheresTI para mulheres
TI para mulheres
 
Migrando aplicações
Migrando aplicaçõesMigrando aplicações
Migrando aplicações
 
Webcast MVC
Webcast MVCWebcast MVC
Webcast MVC
 
Desenvolvimento de aplicações para dispositivos móveis
Desenvolvimento de aplicações para dispositivos móveisDesenvolvimento de aplicações para dispositivos móveis
Desenvolvimento de aplicações para dispositivos móveis
 
Expression blend : apps incriveis com menos código
Expression blend :  apps incriveis com menos códigoExpression blend :  apps incriveis com menos código
Expression blend : apps incriveis com menos código
 
Desenvolvimento de aplicativos para plataformas móveis
Desenvolvimento de aplicativos para plataformas móveisDesenvolvimento de aplicativos para plataformas móveis
Desenvolvimento de aplicativos para plataformas móveis
 
Scrum: Conceitos e Ferramentas para Gestão de Projetos
Scrum: Conceitos e Ferramentas para Gestão de ProjetosScrum: Conceitos e Ferramentas para Gestão de Projetos
Scrum: Conceitos e Ferramentas para Gestão de Projetos
 

Similar to Ms TechDay - Blend: Apps além do Código

User Experience: Why should you care?
User Experience: Why should you care?User Experience: Why should you care?
User Experience: Why should you care?
Nirish Shakya
 
Pro Dev Briefing Irvine Wesyppt23
Pro Dev Briefing Irvine Wesyppt23Pro Dev Briefing Irvine Wesyppt23
Pro Dev Briefing Irvine Wesyppt23
Wes Yanaga
 
Roman Weber/Christian Guedemann - Create a smarter Workforce
Roman Weber/Christian Guedemann - Create a smarter WorkforceRoman Weber/Christian Guedemann - Create a smarter Workforce
Roman Weber/Christian Guedemann - Create a smarter Workforce
LetsConnect
 
Usersnap B2B Marketing
Usersnap B2B MarketingUsersnap B2B Marketing
Usersnap B2B Marketing
Josef Trauner
 
Design Camp Cologne (Public)
Design Camp Cologne (Public)Design Camp Cologne (Public)
Design Camp Cologne (Public)
Martin Koser
 

Similar to Ms TechDay - Blend: Apps além do Código (20)

Dinesh rawat new
Dinesh rawat newDinesh rawat new
Dinesh rawat new
 
The magic ingredient for successful automation - Chapter 2
The magic ingredient for successful automation - Chapter 2The magic ingredient for successful automation - Chapter 2
The magic ingredient for successful automation - Chapter 2
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
User Experience: Why should you care?
User Experience: Why should you care?User Experience: Why should you care?
User Experience: Why should you care?
 
Workshop - Preparing for AI-100 Microsoft Certification Exam Designing and Im...
Workshop - Preparing for AI-100 Microsoft Certification Exam Designing and Im...Workshop - Preparing for AI-100 Microsoft Certification Exam Designing and Im...
Workshop - Preparing for AI-100 Microsoft Certification Exam Designing and Im...
 
Pro Dev Briefing Irvine Wesyppt23
Pro Dev Briefing Irvine Wesyppt23Pro Dev Briefing Irvine Wesyppt23
Pro Dev Briefing Irvine Wesyppt23
 
What is Product vs. Platform Product Management by Oracle PM
What is Product vs. Platform Product Management by Oracle PMWhat is Product vs. Platform Product Management by Oracle PM
What is Product vs. Platform Product Management by Oracle PM
 
How social software enhances your Business
How social software enhances your BusinessHow social software enhances your Business
How social software enhances your Business
 
Roman Weber/Christian Guedemann - Create a smarter Workforce
Roman Weber/Christian Guedemann - Create a smarter WorkforceRoman Weber/Christian Guedemann - Create a smarter Workforce
Roman Weber/Christian Guedemann - Create a smarter Workforce
 
Responsive Design for SavvyMoney Credit Score
Responsive Design for SavvyMoney Credit ScoreResponsive Design for SavvyMoney Credit Score
Responsive Design for SavvyMoney Credit Score
 
ATD-2018_kroth_agile_thinking
ATD-2018_kroth_agile_thinkingATD-2018_kroth_agile_thinking
ATD-2018_kroth_agile_thinking
 
Usersnap B2B Marketing
Usersnap B2B MarketingUsersnap B2B Marketing
Usersnap B2B Marketing
 
Non-Developer Options in SharePoint 2013 - Fest Chicago 2014
Non-Developer Options in SharePoint 2013 - Fest Chicago 2014Non-Developer Options in SharePoint 2013 - Fest Chicago 2014
Non-Developer Options in SharePoint 2013 - Fest Chicago 2014
 
Design Camp Cologne (Public)
Design Camp Cologne (Public)Design Camp Cologne (Public)
Design Camp Cologne (Public)
 
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop
 
January 2022 CIAOPS Need to Know Webinar
January 2022 CIAOPS Need to Know WebinarJanuary 2022 CIAOPS Need to Know Webinar
January 2022 CIAOPS Need to Know Webinar
 
Ningjing Sun Resume
Ningjing Sun ResumeNingjing Sun Resume
Ningjing Sun Resume
 
full stqack guktgktktykytkyyyjrneyrynye5n
full stqack guktgktktykytkyyyjrneyrynye5nfull stqack guktgktktykytkyyyjrneyrynye5n
full stqack guktgktktykytkyyyjrneyrynye5n
 
Busines productivity with SharePoint Online
Busines productivity with SharePoint OnlineBusines productivity with SharePoint Online
Busines productivity with SharePoint Online
 
Designer and Developer Collaboration with Visual Studio 2012 and Expression B...
Designer and Developer Collaboration with Visual Studio 2012 and Expression B...Designer and Developer Collaboration with Visual Studio 2012 and Expression B...
Designer and Developer Collaboration with Visual Studio 2012 and Expression B...
 

Recently uploaded

Recently uploaded (20)

What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 

Ms TechDay - Blend: Apps além do Código

Editor's Notes

  1. Pq começar com essa frase, pq esse é o momento de mudança de pensamento, de fazer de uma nova forma, e por isso repensar o que conhecemos
  2. A idéia da Microsoft é unificar cada vez mais suas plataformas, com Apps em todos os devices, Identidades visual e integração entre as telas, integração e interação, ponto chave é a experiência do usuário, que é como o usuário se relaciona com a app
  3. mas como eu chego a um produto final que tenha uma boa experiência de usuário? Experiência possui três pilares, plataforma para qual desenvolvo, ferramentas utilizadas para criar a interface, e conhecimento aplicado
  4. A plataforma no nosso caso é a plataforma Microsoft, que segue os princípios da Modern UI
  5. Ressaltar que não são apenas os tiles, mas sim a questão do foco na informação e no conteúdo,
  6. A idéia é ter a informação em primeiro plano, a Pessoa em primeiro lugar, é oferecer ao usuário aquilo que ele precisa de forma clara e direta, com uma experiência agradável
  7. E para isso há um conjunto de ferramentas disponíveis,
  8. Seguida das ferramentas de desenvolvimento
  9. Clean, Light, Open and Fast Applications should be easy to understand at a glance. They should be highly responsive to user input. They should have a clean, open look with lots of white space. Celebrate Typography Words are common across all UI designs, and how they appear makes a difference. Type is beautiful. Not only is it pleasing to the eye, but it can also be functional. The right balance of weight and positioning can create a visual hierarchy. Moreover, well-placed type can direct users to more content. Alive in Motion Motion is life, and motion brings Windows Phone to life. Live Tiles, transitions and response to user input tie everything together. Transitions are an important part of user experience design. A good transition gives the user clues about context in your application. Content, Not Chrome Users are interested in content. Content should be elevated and everything else minimized. By removing as much chrome as possible, you bring the content into focus. This is particularly important on a small screen. The content is the UI and the user should be able to interact with it directly. The ability to resize an image using a pinch gesture is an example of this direct interaction. Authentically Digital Design explicitly for hand-held devices that use touch, a high-resolution screen, and simplified forms of interaction. In other words, be “authentically digital.” Don’t try to simulate analog controls such as knobs.
  10. E como o melhor jeito de aprender é na prática, vou dar um gostinho de como pode ser fácil criar uma interface incrível sem escrever ou com muito pouco código!
  11. O que acharam? Criar ótimas interfaces não é tão difícil quanto parece, não precisa ser um gênio da computação nem do design pra fazer algo bem feito e agradável, só precisa de um pouco de dedicação e estudo