SlideShare uma empresa Scribd logo
1 de 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/

Mais conteúdo relacionado

Mais procurados (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)
 

Destaque (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
 

Semelhante a 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
 

Semelhante a 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...
 

Último

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
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
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
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...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
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
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
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...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 

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

Notas do Editor

  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