Este artigo é muito útil para desenvolvedores que precisam desenvolver soluções para a Windows Store, utilizando a linguagem universal da web: o JavaScript. Aliado ao poder do HTML5 e do CSS3, você será capaz de dar seus primeiros passos no desenvolvimento de aplicativos que executam tanto no seu computador quanto nas plataformas móveis da Microsoft para Windows 8.1 ou superiores.
Veremos, através de exemplos práticos, como configurar nossos projetos, entender as estruturas de arquivos e diretórios, dinamizar nossas páginas, bem como importar bibliotecas externas, como o jQuery, e tirar proveito das mesmas.
Quando o iPhone foi lançado, em meados de 2007, seus aplicativos e a própria plataforma em si trouxeram uma série de inovações na forma como os usuários poderiam interagir com os smartphones (já comuns naquela época). Passamos a poder não só ter um mundo inteiro em nossas mãos, mas também ter um mundo que entende nossas próprias leis, fornecendo, por exemplo, feedbacks autoexplicativos aos usuários. Como exemplos desses feedbacks podemos citar um e-mail sendo sugado para lixeira (em efeito animado) quando excluído ou a tela saltando levemente ao passar dos dedos quando realizamos um scroll.
Quando o iPhone foi lançado, em meados de 2007, seus aplicativos e a própria plataforma em si trouxeram uma série de inovações na forma como os usuários poderiam interagir com os smartphones (já comuns naquela época). Passamos a poder não só ter um mundo inteiro em nossas mãos, mas também ter um mundo que entende nossas próprias leis, fornecendo, por exemplo, feedbacks autoexplicativos aos usuários. Como exemplos desses feedbacks podemos citar um e-mail sendo sugado para lixeira (em efeito animado) quando excluído ou a tela saltando levemente ao passar dos dedos quando realizamos um scroll.
Para os usuários mais jovens, que experienciam hoje altas tecnologias, essa progressão inicial pode não lhes ser comum, mas ela foi extremamente importante para definir os rumos que as tecnologias mobile atuais seguem no mercado, cada uma a seu modo, com propostas que visam atender os conceitos de design, usabilidade (UX), métricas, performance, entre outros.
O Windows, por grande tempo fora do mercado móvel, nunca apresentou nada semelhante, já que estivera focado em soluções de back-end, no próprio sistema operacional (e nas sucessivas tentativas de melhoria do mesmo), além de lidar com os primórdios do movimento de cloud computing. Hoje, com os aplicativos disponibilizados de forma convencional em uma loja, a Windows Store, podemos utilizar os seus apps em dispositivos móveis e também no próprio computador. A Microsoft finalmente constatou que a experiência do usuário importa, e muito. Por isso, foi criado um conjunto de princípios para a experiência final do usuário batizado de “Microsoft design style principles”, usado até hoje para diversas soluções visuais da empresa. Esses princípios de design, por sua vez, podem ser usados para construir aplicações para Windows Phone, Xbox Live, para o antigo Zune (para mídias digitais) e para os próprios websites da empresa, como o portal do Windows Azure. Vejamos a lista dos princípios em detalhes:
- Show pride in craftsmanship (mostre orgulho na excelência)
a. Devote tempo e energia para coisas pequenas, que são, com frequência, vistas por muitos como meros detalhes, como o estilo usado em uma aplicação ou um efeito de transição de telas mais suaves, a fim de melhorar a usabilidade;
b. Desenvolva a experiência do usuário para ser completa e polida em cada estágio. - Do more with less
(faça mais com menos)
a. Resolva os problemas das distrações, não das novas descobertas. Deixe que as pessoas trabalhem no que elas amam fazer, pois assim irão explorar o resto;
b. Crie uma experiência limpa e com propósito deixando apenas os elementos mais relevantes na pauta, assim as pessoas podem ser imersas no conteúdo. - Be fast and fluid (seja rápido e fluido)
a. Deixe que as pessoas interajam diretamente com o conteúdo e respondam a ações de forma rápida;
b. Traga a vida para a experiência, crie um senso de continuidade e conte a história através do uso significativo do movimento. - Be authentically digital (seja autenticamente digital)
a. Tire o máximo de proveito sobre o meio digital. Remova as barreiras físicas para criar experiências que são mais eficientes e fáceis do que a realidade;
b. Abrace o fato de que somos pixels numa tela. Desenhe com cores fortes, vibrantes e quebradiças e com imagens que vão além do mundo material. - Win as one (vençam
como um)
a. Alavanque o ecossistema e trabalhem juntos com outros apps, dispositivos e sistemas para com ...Fim do trecho gratuito • continue abaixoCONTEÚDO EXCLUSIVODesbloqueie toda a DevMedia
-
+2000 artigos e vídeos
-
+40 trilhas sobre Front-end, Back-end, IA e muito mais
-
+5000 exercícios práticos
-
Mentorias ao vivo individuais
Confira outros conteúdos:
O que são arrays e como utilizá-los no...
Fundamentos básicos de JavaScript...
JavaScript setInterval: executando...
Por Fabricio Em 2017Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.
Aceitar -