Ms TechDay - Blend: Apps além do Código
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 121 views

Apresentação Realizada no Microsoft Tech Day em 31/05/2014, na Microsoft Brasil

Apresentação Realizada no Microsoft Tech Day em 31/05/2014, na Microsoft Brasil

Statistics

Views

Total Views
121
Views on SlideShare
121
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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
  • 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
  • mas como eu chego a um produto final que tenha uma boa experiência de usuário? <br /> Experiência possui três pilares, plataforma para qual desenvolvo, ferramentas utilizadas para criar a interface, e conhecimento aplicado
  • A plataforma no nosso caso é a plataforma Microsoft, que segue os princípios da Modern UI
  • Ressaltar que não são apenas os tiles, mas sim a questão do foco na informação e no conteúdo,
  • 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
  • E para isso há um conjunto de ferramentas disponíveis,
  • Seguida das ferramentas de desenvolvimento
  • 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. <br /> 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. <br /> 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. <br /> 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. <br /> 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. <br />
  • 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!
  • O que acharam? <br /> 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

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

  • 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/