...

Widgets Mobile 

No fluig, agora é possível visualizar widgets por meio das páginas, a partir de aplicativos móveis. Porém existem algumas particularidades que precisam ser lembradas para que o usuário tenha a ótima experiencia com esse uma boa experiência com este recurso.

Recomendações para o desenvolvimento de widgets:

1. html HTML Responsivo: Hoje no mercado existem variados tamanhos de telas e resoluções, por isso qualquer html desenvolvido para Mobile deve ser responsivo, ou seja, deve se ajustar a qualquer tamanho de tela.

2. Estética: A aparência visual e design da widget devem ser atraentes para os usuários, conseguimos isso através de CSS, para isso recomendamos a utilização do fluig style guide. 

3. Usabilidade: A widget deve ser fácil de usar, contendo apenas o conteúdo necessário para usuário.

4. Área de toque: Os elementos do html devem estar bem posicionados de forma que facilite a área de toque, pois hoje existem dispositivos que as telas são muito pequenas.

5. Posicionamento das ações: As ações mais importantes devem estar posicionadas onde o usuário consegue alcançar facilmente, conforme a figura:

   

   

6. Converter widgets já existentes para Mobile : Para agilizar o desenvolvimento focado em mobile e web é necessário utilizar frameworks que tratam a responsividade, recomendamos a utilização do fluig Style Guide.
7. Elementos Suportados: Widgets Mobile suportam os tipos:
   
   1. text
   2. textArea
   3. radio
   4. select
   5. combobox
   6. checkbox.
   7. email ⁽³⁾
   8. tel ⁽³⁾
   9. range ⁽³⁾
   10. date ⁽³⁾
   11. time ⁽¹⁾⁽³⁾
   12. week ⁽²⁾⁽³⁾
   13. number
   14. hidden
   15. password
       
       

(1) Existe um bug no Android Lollipop (5.0) que inviabiliza o uso do tipo time. Para mais informações, clique aqui.
(2) O campo week não é suportado pelo iOS.
(3) Os campos email, tel, range, date, time, week não são suportados pelo Windows Phone e são apresentados como caixas de texto padrão.

...

* Não está homologada a implementação de evento que utilizem Swipe.

...

Desenvolvendo widgets com suporte a exibição no fluig Mobile

• Suporte a páginas e widgets no aplicativo Mobile

...