Page 1


Kit UX/UI Projeto Interdisciplinar: Mobilidade 1


Dimitri Pimenidis Gabriela Santos Gabriel Baca Rado JoĂŁo Pedro Marcos Omine Jr Matheus Miranda Matheus Santos 2

20513784 20877332 20856229 20877611 20743124 20652163 20886310


Este trabalho foi criado e apresentado por alunos de Design Digital da Anhembi Morumbi. Agradecemos a todos os Professores por nos guiarem durante todo este percurso e toda a ajuda que tivemos de terceiros.

Orientador: Alan Richard 3


Índice Resumo e objetivo Público-Alvo Personas Journey Map Navegação Sitemap Wireframe Wireflow Moodboard Paleta de cores Logo Título Tipografia Style Guide Estratégia de Comunicação Conjunto de Tecnologias Custo 4

5 7 9 12 15 17 18 19 20 23 26 30 34 37 40 45 47


Resumo e objetivo

5


O uso excessivo de agrotóxicos nas produtoras brasileiras é um fato preocupante e que resulta numa supremacia de produtos prejudiciais para a saúde de seu consumidor. Além disso, deve-se considerar os estragos ambientais que a extensa produção de monocultura gera, desde a poluição de rios ao estrago irreversível do solo. Tendo isso em vista, o Plant IO é um projeto de Internet das Coisas que foca na gestão da agricultura domiciliar, com o intuito de tornar viável o plantio orgânico individual, reduzindo assim o consumo de produtos com agrotóxicos. O Plant IO, oferece uma horta modular inteligente, com diferentes tipos de encaixe e organização, desenvolvida para aumentar a produtividade em espaços pequenos e sem solo fértil como apartamentos, por exemplo, com funções de monitoramento e automação. A horta é capaz de se comunicar com a internet e a um aplicativo de celular assistente.em espaços pequenos e sem solo fértil como apartamentos, por exemplo, com funções de monitoramento e automação. A horta é capaz de se comunicar com a internet e a um aplicativo de celular assistente.

6


Público-Alvo

7


Público-Alvo Pessoas que buscam melhorar sua alimentação, através do consumo de alimentos mais saudáveis, ainda que possuam motivos variados para não consumirem orgânicos. Alguns dos fatores que impedem que isto aconteça segundo a pesquisa com o público são os preços altos dos produtos de origem orgânica e a falta de tempo e espaço para que possam cultivar seus próprios alimentos. Desta maneira o projeto se focou em adultos com mais de vinte anos, que trabalhem e façam parte do grupo de pessoas

8


Andréia Nascimento de Vasconcelos 45 Anos Casada Nutricionista 2 Filhos Boa alimentação Pratica exercícios regularmente Cuidado com o corpo Cuida da alimentação da família Cuida da saúde da família Organizada Experimenta coisas novas Troca informações Pouco tempo livre Preocupada com política Preocupada com o meio ambiente Preocupada com a saúde 9

Necessidade Alimentos mais saudáveis

“Isso faz mal...”


Sérgio de Oliveira Dantas 35 Anos Casado Professor

Necessidade Alimentos saudáveis com custo baixo

Alimentação normal Gosta de viajar em casal Gosta de passear em casal Gosta de caminhadas Organizado Interessado por novos produtos Gosta de cozinhar Gosta de culinária Trabalho puxado Pouco tempo livre 10

“Está muito caro...”


Jéssica Alves da Costa

Necessidade Locais de compra de alimentos orgânicos mais perto

28 Anos Solteira Design de Interiores 1 Gato Consome alimentos de fácil preparo Consome alimentos de rápida entrega Gosta de viajar Gosta de sair com amigos Organizada Experimenta coisas novas Atualizada Preocupada com sua aparência Preocupada com seu corpo Focada em sua carreira Pouco tempo livre 11

“É muito longe...”


Journey Map

12


Jornada do Usuário A jornada do usuário procura descrever o melhor e mais prático caminho a ser seguido pelo usuário. Tendo em mente que o público tende a ter pouco tempo em mãos, foi trabalhada uma tornada que requer poucos passos para que o resultado desejado seja atingido. Através do sistema dinâmico dos módulos e à praticidade do projeto, espera-se engajar e influenciar o público a produzir e consumir orgânicos, acabando por divulgar sua horta para seus amigos e familiares.

13


Pré-Contato

Faz

Busca por uma alimentação mais saudável após conhecer os males dos agrotóxicos

Encontro com publicações do projeto pelo Facebook e Instagram

Contato Obtenção do(s) módulo(s) para a montagem em casa Download do aplicativo no smartphone ou tablet

Pós-Contato Manutenção das plantas programada ou ao comando do usuário

Primeiros passos, explicação sobre o produto e aplicativo

Cadastro de conta no servidor e futuro login do usuário Sincronização do aplicativo com o módulo via Arduino

Recebimento de dicas e ajuda para as plantas suportadas e o cuidado com elas Informações do Brasil e do mundo relacionadas à agricultura

Mudança da posição dos módulos a gosto do usuário

Condição de vida melhor e mais saudável que anteriormente

Pensa

Sente

“Os alimentos estão muito caros”

“Será que isso pode me ajudar?”

“Não tem nenhum lugar por perto para comprar comida”

“Era isso que eu precisava!”

Indignação Frustração

Descoberta Curiosidade Alegria

“Como esse vaso pode caber aqui?”

“Preciso de terra para o vaso”

“Tomara que eu consiga usar o aplicativo”

“Que vegetal eu planto nele?”

Preocupação Empolgação

Preocupação Empolgação Dúvida

“Onde está o ID do módulo?”

Empolgação Dúvida

14

“Como eu posso garantir que esta planta fique bem?” “Quero saber como anda a agricultura e o preço do mercado”

Preocupação Empolgação Dúvida Curiosidade

Engajamento com o projeto pelas redes soicais Compartilhamento dos próprios resultados obtidos

Atualizações de comerciantes e feiras locais próximas ao usuário

“Não quero agrotóxicos, eles fazem mal”

Recomendação do produto para outros usuários amigos e conhecidos.

“Se eu colocar o vaso assim, meu espaço vai ficar mais agradável”

“Me sinto mais leve e disposta desde que mudei meus hábitos”

Empolgação Determinação

Motivação Realização

“Meus amigos vão adorar ter uma hortinha!” “Você tem que ter isso aqui para plantar em casa!”

Animação Alegria


Navegação

15


Navegação A navegação funciona de forma simples: fornecendo acesso a quase todas as partes do aplicativo com apenas um toque, após o registro ter sido realizado. Com o registro realizado ganha-se acesso à home, onde estarão as informações sobre as plantas em cada módulo, caso ainda não tenha nenhum módulo pronto, basta configurá-los através da página de configuração. A partir deste ponto, o aplicativo torna-se a maneira de monitorar o estado da planta e módulo, através da HOME, assim como também oferece três abas com dicas para o plantio, notícias sobre orgânicos e comunidades, respectivamente. Sendo possível acessar qualquer aba a partir de outra com um só toque.

16


Abertura

Criar Conta

Entrar

Home

Menu

Módulo

Dicas

Configuração 17

Notícias

Comunidade


18


Módulo

Home

Usuário

Módulo

Reservatório

Desconectar

E-Mail

Módulo Senha E-Mail

Modo Manual

Código Do Módulo Senha

Notificações por E-mail

Confirmar

Nome do Módulo

JAN

FEV

Hoje

MAR

ABR

Iluminação

MAI

10° 20°

Primavera

Confirmar

Solo

Primavera

Módulo da Plantação

Já tem conta? Entre aqui

Não tenho Conta

Dica

Módulo

Cláusula. Direitos Autorais ©

Notícia

Comunidade

Tomate

Reservatório

Título e a chamada da notícia

Excluir

Módulo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate Lorem Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam

Nome do Módulo

Iluminação

Título e a chamada da notícia

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Lorem ipsum dolor sit

Data

Data

Fonte

Fonte

Solo

Terra Estamos Irrigando o solo

Confirmar

Título e a chamada da notícia

Confirmar

Alface

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam Lorem ipsum dolor sit amet, consectetuer adipiscing

Primavera

Módulo da Plantação

Dicas sobre agronomia

19

Notícia sobre agronomia

Comunidade Agronoma


Moodboard

20


Moodboard Repleto de imagens e ilustrações que retomam a natureza e bem-estar, o Moodboard ganha forma, possuindo quatro cores dominantes, presentes no meio ambiente e que lembram as quatro estações do ano, ainda que o verde e o azul sejam as cores predominantes. Todavia, existe a intenção de mesclar a natureza com a tecnologia criando um equílibrio entre elas que reflete todo o projeto, deste modo são utilizados também imagens de peças tecnológicas, icones e telas de aplicativos. Como resultado foi obtido um Moodboard que transmite um sentimento agradável e que reflete a mentalidade por trás de seu desenvolvimento.

21


22


Paleta de Cores

23


Paleta de Cores Começamos a separar as cores já tendo em mente a proposta de verde para plantas, azul para tecnologia e, eventualmente, de simbolizar as estações do ano. Ao final, chegamos a um verde característico das plantas, que representa a primavera; um amarelo típico de uma flor, que simboliza o verão; um marrom que remete à terra e às folhas do outono; e um azul que lembra a água e placas de hardware, assim como o frio do inverno. Cada cor também é acompanhada de um tom mais escuro, para elementos e textos de destaque, que pode se apresentar com uma opacidade de 30 por cento.

24


HEX #9abb41

HEX #314e30

HEX #c27e0a

HEX #f1cd33

R G B 154 187 65

R 49

R G B 194 126 10

R G B 241 205 51

C M Y K 57% 7% 95% 0%

C M Y K 90% 58% 92% 30%

C M 20% 61%

Opacidade 30%

Opacidade 30%

G 78

B 48

HEX #9b5632

HEX #6485c7

R 55

R G B 100 133 199

G 86

B 50

C M Y K 35% 81% 90% 3%

C 77%

M Y K 46% 0% 0%

HEX #382519

HEX #293f6e

R 56

R 41

G 37

B 25

C M Y 68% 86% 87% Opacidade 30%

25

K 58%

Y K 99% 0%

G 63

B 110

C M Y K 95% 88% 39% 4% Opacidade 30%

C M Y K 6% 24% 92% 0%


Logo

26


Logo O logo foi composto inicialmente pela ideia de trazer a natureza e tecnologia juntas em uma única forma. Pegamos vários elementos diferentes para sua composição, mas sempre tendo em mente o que queríamos passar com o projeto. Em uma certa etapa, decidimos adotar um novo método que consiste em pegar palavras-chave que mais resumem o projeto. Assim tiramos as palavras: planta, horta, tecnologia e conexão. A partir delas começamos a esboçar novas ideias, criando um logo que tem em sua estrutura final todas as palavras-chave.

27


Palavra Chave Planta + Horta + Tecnologia + ConexĂŁo

28


Horta

Tecnologia

Representado pelas folhas

Representada Por uma raiz em forma de circuito

Planta

ConexĂŁo

Representado Pelo vaso de planta

Representada pela planta conectada na terra

29


TĂ­tulo

30


Tipo para Título As letras de “Plant IO” foram traçadas com a ideia de explorar a proposta de misturar as plantas com a tecnologia. “Plant” traz as formas dos elementos naturais para o contexto tipográfico. As descendentes são inspiradas por raízes, as ascendentes por caules, e os miolos pelo formato das folhas e das gotas. “IO” representa o lado tecnológico, com um peso mais negrito, reto e bruto. Ambos foram desenhados em um sistema modular, trazendo a ideia de módulos à identidade.

31


Caule

Caule Gota

Folha

Raiz

32

Raiz

Sinal Digital


33


TipograямБa

34


Tipografia Foram utilizadas duas fontes diferentes, cada uma com sua própria função. A Confortaa Bold foi escolhida para títulos, com sua forma arredonda e sem serifa, acaba relembrando o logo, conseguindo assim criar o destaque necessário. Para o texto corrido utilizou-se a Cabin que, apesar de não ser serifada é uma fonte mecânica, que faz contraste com os títulos e oferece uma boa leiturabilidade. As duas tipografias foram escolhidas cuidadosamente para se encaixarem dentro do ambiente criado pelo projeto.

35


Comfortaa

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 (!@#$%¨&?:;.)

Cabin

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 (!@#$%¨&?:;.) 36


Style Guide

37


Guia de Estilo O layout foi trabalhado com uma identidade visual sólida e simples. Sendo um projeto agrícola e tendo todo o envolvimento com a natureza, o layout além de minimalista e clean, possui quatro versões diferentes, representando cada estação do ano com uma cor, que acaba auxiliando e servindo como reforço visual para o usuário sobre as épocas do ano, algo que influência o plantio e saúde de suas plantas. Pequenos ícones e imagens são usados para substituir palavras e textos de forma a deixar o visual mais direto e elegante.

38


39


Estratégia de Comunicação 40


Estratégia de Comunicação O uso de estratégias de comunicação é indispensável, ainda mais quando o intuito é melhorar ou incentivar uma melhoria na saúde de um grande número de pessoas. Será então criado um site, uma página de facebook e instagram para que o projeto possa ser divulgado. O site possuirá informação comercial e breve, para que seja um meio introdutório para o projeto, já a página de facebook e instragram, serão usadas para partilhar informações novas impotantes e divulgação no geral, com imagens, vídeos e conteúdo para compartilhar. Busca-se utilizar uma abordagem direta, sem enrolar, para que o público retenha o máximo da informação transmitida, e que ela não fique perdida ou seja entendida como um spam. “http://plantio.life”, “https://www.facebook.com/plantiio” e “https://www.instagram.com/plantinhas10”

41


42


43


44


Conjunto de Tecnologias 45


Controle de Versão

Repositórios Remotos

Armazenamento e Documentação

Comunicação

Arte e Animação

3D

Cronograma

Interface Física

Back-End

APP

C++

Servidor Apache

React Native

Arduíno UNO

PHP

Expo SDK

NodeMCU ESP12E

MySQL

News API

PHPMyAdmin

Climatempo API

SQL

Javascript ES6+ Node Package Manager Node.js

46


Custo

47


Itens

Valores

Arduino 5x Leds (R$ 0,30 cada) muitos Jumpers (R$ 1,00 cada) NodeMCU ESP12E Bluetooth (HC-06) Sonar (HC-SR04) 2x Relê (Relay) Sensor de umidade do solo Sensor de luminosidade (LDR) Fonte 12V-1A Fita de LED Bomba de água Madeira Revestimento impermeabilizante Pregos Hospedagem Extensão Pendrive Adesivos Mudas Terra Adubo

R$ 45,00 R$ 1,80 R$ 20,00 R$ 63,00 R$ 57,00 R$ 35,00 R$ 34,00 R$ 24,00 R$ 1,50 R$ 21,50 R$ 50,00 R$ 56,00 R$ 82,60 R$ 15,00 R$ 10,00 R$ 21,29 R$ 29,90 R$ 25,00 R$ 36,00 R$ 12,00 R$ 14,00 R$ 8,00

R$ 662,59 48


Plant IO  
Plant IO  
Advertisement