This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Principais dicas para UIs do Android Adquirindo a mágica nos tablets
Suzanne AlexandraEvangelista da Tecnologia AndroidMotorola Mobility
Título da apresentação Versão 1.0 24.02.09
Brasil - #appsum11brArgentina - #appsum11ar
México - #appsum11mdeveloper.motorola.com
Nós estamos em um lugar totalmentenovo.
Leve as coisas certas a bordo.
Adquira a mágica
01 PENSE NA ERGONOMIA
02 ENVOLVA OS SENTIDOS
03 USE APARÊNCIAS INCRÍVEIS
04 TORNE-O ÓBVIO
Adquira a mágica
01 PENSE NA ERGONOMIALayouts com orientação paisagemNotificações elaboradasTamanhos de textos
02 ENVOLVA OS SENTIDOSImagensSensibilidade ao toque
03 USE APARÊNCIAS INCRÍVEISTemas, temas, temas
04 TORNE-O ÓBVIOBarras de açõesFragmentosClique e arraste
Suponha que seus usuários estejamusando orientação paisagem.
Layouts com orientação paisagemMuitas vezes, a orientação paisagem precisa de layouts especializados, em qualquer dispositivo
Layouts com orientação paisagemVeja o que acontece no tablet
Layouts com orientação paisagemO que deu errado?
alignParentLeft alignParentRight
Imagempequena
Nada no centro
Layouts com orientação paisagemDesign para tamanho e orientação da tela
Layouts com orientação paisagemO layout vencedor
centerHorizontal="true"
layout_alignLeft<RelativeLayout>layout_alignRight
Layouts com orientação paisagemOtimize a experiência do usuário de wide screens
Layouts com orientação paisagemEvite o efeito de grande oceano
Tamanhos de textosTextos pequenos (como imagens) provavelmente não funcionarão
Tamanhos de textosMelhores práticas
Escale com sp18 sp e superior Certifique-se de que o texto élegível para os usuários reais
Notificações elaboradasUm importante benefício do Android em relação a outrasplataformas móveis
Notificação da sua app
Notificações elaboradasExemplos de quando usar notificações elaboradas
Ao chegar novo conteúdo
Quando uma mídia está sendo reproduzida
Notificações elaboradasDuas notificações são exibidas no Honeycomb
Bandeja(Tray)
Pop-up
Notificações elaboradasUse a classe Notification.Builder
Notification.Builder builder = new Notification.Builder( this );
Como AlertDialog.Builder
Notificações elaboradasCrie a notificação que você quiser
builder.setSmallIcon(R.drawable.icon).setContentTitle(title).setContentText(text).setContentIntent(pintent) // Um “pending intent”.setLargeIcon(myBitmap)
;
Notificações elaboradasCodificação visual
setSmallIcon()setLargeIcon()
setContentText()setContentTitle()
Notificações elaboradasAdquira um pouco de mágica: crie um botão clicável
RemoteViews layout = new RemoteViewsgetPackageName(), R.layout.notification);
documentação e/ou outros materiais fornecidos com a distribuição.
O nome da Motorola, Inc. e os nomes de seus colaboradores não podem ser usados para endossar ou promover produtos derivados desse software sem permissãoprévia por escrito.
ESTE SOFTWARE É FORNECIDO PELOS DETENTORES E COLABORADORES DOS DIREITOS AUTORAIS "NA CONDIÇÃO QUE SE ENCONTRA" E QUALQUER GARANTIA EXPRESSA OU IMPLÍCITA, INCLUINDO, MAS NÃO LIMITADA A GARANTIAS DE COMERCIALIZAÇÃO E ADEQUAÇÃO PARA UMA FINALIDADE ESPECÍFICA NÃO IMPLICAM RESPONSABILIDADE. EM NENHUM CASO O DETENTOR OU COLABORADOR DOS DIREITOS AUTORAIS DEVE SER RESPONSÁVEL POR QUAISQUER DANOS DIRETOS, INDIRETOS, INCIDENTAIS, ESPECIAIS, EXEMPLARES OU CONSEQUENTES (INCLUINDO, MAS NÃO LIMITADOS À AQUISIÇÃO DE BENS OU SERVIÇOS SUBSTITUTOS, PERDA DE USO, DADOS OU LUCROS; OU INTERRUPÇÃO DE NEGÓCIOS) CAUSADOS E SOBRE QUALQUER TEORIA DE RESPONSABILIDADE, SEJA EM CONTRATO, RESPONSABILIDADE OBJETIVA OU AGRAVO (INCLUINDO NEGLIGÊNCIA OU NÃO) DECORRENTE DE QUALQUER MANEIRA DO USO DESSE SOFTWARE, MESMO QUE INFORMADOS DA POSSIBILIDADE DE TAIS DANOS.
Licenciado sob a Licença Apache, Versão 2.0 (a "Licença"), você não pode usar esse arquivo exceto em conformidade com a Licença. Você pode obter uma cópiada Licença em http://www.apache.org/licenses/LICENSE-2.0.
A menos que exigido pela lei aplicável ou acordado por escrito, o software distribuído sob a Licença é distribuído "NA CONDIÇÃO QUE SE ENCONTRA", SEM GARANTIAS OU CONDIÇÕES DE QUALQUER TIPO, sejam expressas ou implícitas. Consulte a Licença para a linguagem específica que governa as permissões e limitações sob a Licença.
Licença Creative Commons Atribuição 3.0. Partes desta apresentação são reproduzidas a partir do trabalho criado e compartilhado pelo Google (http://code.google.com/policies.html) e usadas de acordo com
os termos da Licença Creative Commons Atribuição 3.0. (http://creativecommons.org/licenses/by/3.0/).
Neither the name of the Motorola, Inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Creative Commons 3.0 Attribution LicensePortions of this presentation are reproduced from work created and shared by Google (http://code.google.com/policies.html) and used according to terms described in
the Creative Commons 3.0 Attribution License (http://creativecommons.org/licenses/by/3.0/).