Jump to content

Recommended Posts

Olá pessoal, como vão vocês? 

Meu nome é Alan, e  estou começando agora no mundo do Design! Por isso gostaria muito da ajuda de vocês para melhorar e evoluir os meus designs de interface em produtos de software.

 

Criei um formulário para pessoas que entendam possam me ajudar a melhorar, pois neste trimestre, a minha função é melhorar o design dos produtos!
Então se possível, gostaria que quem pudesse me ajudar respondesse esse forms do Google para que eu possa observar meus erros e acertos, e logo, poder ajudar outras pessoas também dando o mesmo tipo de feedback e auxílio!

 

Link :

 https://docs.google.com/forms/d/e/1FAIpQLSdPT6BCwBt-Y-QNW7pDoGZHzcGXttPeX8UPVidoTK9QCo61rA/viewform 

 

Fico muito grato pela atenção e desejo um ótimo final de ano a todos!

Att. Alan Secundo

Share this post


Link to post
Share on other sites

Bom dia Alan,

 

Você quem trabalhou naquelas imagens? Não entendi suas "dúvidas" ... o que achamos que pode melhorar em cada imagem?

Não fez sentido e ficou extremamente genérico pois cada produto é único, tem suas personas, seus atores, seu ambiente.

 

Citar

Gostaria de um feedback a respeito de melhorias que podem ser feitas nas telas abaixo, isso porque fiquei encarregado de validações a respeito destes quesitos na minha empresa durante este trimestre!

Quais as melhorias que você tem em mente, quais pontos você levantou? Traga essas itens para a discussão.

Share this post


Link to post
Share on other sites

Olá Giovani, 

O que eu gostaria de saber é a questão de posição das informações, fontes, cores e formas de apresentação, sugestões de alguma biblioteca ou coisa do tipo que poderia deixar o design mais atraente.
Falando a respeito do produto, ele é um software voltado para expedição e recepção de produtos de fábricas grandes, onde são produzidos ou extraídos produtos e matéria prima. As pessoas que o utilizam variam desdo operacional da indústria até os gestores. No caso dessa funcionalidade, ela seria voltada para Gestores de Logística, que normalmente são pessoas mais velhas, bem objetivas e ocupadas, então quando montei essas imagens o foco era fazer algo que ficasse claro e apresentasse a informação de forma rápida! 

Melhorias que eu tenho em mente na sua maioria são como a informação é mostrada, hoje eu tenho a sensação de ser algo muito estático, eu gostaria que gerasse mais a sensação de que os dados estão se atualizando, em "movimento".

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Rafael_Ferreira
      Datetimepicker do Bootstrap fica português só fora da internet testando no Wampserver passando para um domínio o datetimepicker funciona só que fica em inglês.
      Código:
       
      <!DOCTYPE html>
      <html lang="pt-br">
      <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">

      <link rel="stylesheet" href="css/bootstrap.min.css">
      <script src="js/jquery.min.js"></script>
      <script src="js/bootstrap.min.js"></script>

              <link href="css/bootstrap-combined.min.css" rel="stylesheet"/>
      <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>


      <script src="js/bootstrap-datetimepicker.min.js"></script> 
      <script src="js/bootstrap-datetimepicker.pt-BR"></script>
      <body>
      </head>
      <div class="container">
      <div class="row justify-content-center">
      <table class="table">
      <thead>

      <th>&nbsp;ID_Cliente</th>
      <th>Preço</th>

      <th>Quantidade</th>
      <th>Total dos Serviços</th>
      <th>Forma de Pagamento</th>
      <th>Data</th>
      <th Colspan="9">Ação

      </th>
      </thead>

      <button type="button" class="btn btn-dark">Cliente</button>
      <button type="button" class="btn btn-secondary">Caixa</button>
      <button type="button" class="btn btn-primary">Relatorio1</button>
      <button type="button" class="btn btn-success">Relatorio2</button>

      <tbody>
        <tr>
            <td>&nbsp;1</td>
            <td>148,00</td>
        <td>1,0</td>
        <td>188,0</td>
        <td>Dinheiro a vista</td>
        <td>2011-08-19-13:45:00</td>


      <td>
      <button type="button" class="btn btn-info">Edit</button>
      <button type="button" class="btn btn-danger">Delete</button>
      </td>   
      </tr>
      <tr>
            <td>&nbsp;2</td>
            <td>308,00</td>
        <td>1,0</td>
        <td>399,23</td>
        <td>Débito no cartão</td>
        <td>2011-08-20-22:45:00</td>
      <td>
      <button type="button" class="btn btn-info">Edit</button>
      <button type="button" class="btn btn-danger">Delete</button>
      </td>   
      </tr>


      </table>
      </div>

      <BR>
      <BR>
      <BR>





      <div class="row justify-content-center">
      <form action="" method="POST">
      <div class="form-group row">
      <div class="col-xs-8">
      <div class="input-group mb-3">
        <div class="input-group-prepend">
          <label class="input-group-text" for="inputGroupSelect01">Serviços</label>
        </div>
        <select class="custom-select" id="inputGroupSelect01">
          <option selected>Escolha</option>
          <option value="1">Corte</option>
          <option value="2">Hidratação</option>
          <option value="3">Coloração</option>
      <option value="4">Relaxamento</option>
      <option value="5">Progressiva</option>
      <option value="6">Escova</option>
        </select>
      </div>
      </div>
      </div>

      <div class="form-group row">
      <div class="col-xs-8">
       <label for="cod">ID_Cliente:</label>
       <input type="text" class="form-control" id="cod" aria-describedby="name" placeholder="">
      </div>
      </div>
      <div class="form-group row">
      <div class="col-xs-8">
       <label for="preco">Preço:</label>
       <input type="text" class="form-control" id="preco" aria-describedby="name" placeholder="">
      </div>
      </div>


      <div class="form-group row">
      <div class="col-xs-8">
      <label for="Quantidade">Quantidade:</label>
       <input type="text" class="form-control" id="quantidade" aria-describedby="quantidade" placeholder="">
      </div>
      </div>
      <div class="form-group row">
      <div class="col-xs-8">
      <label for="totaldeserv">Total dos Serviços:</label>
       <input type="text" class="form-control" id="totaldeserv" aria-describedby="totaldeserv" placeholder="">
      </div>
      </div>
      <div class="form-group row">
      <div class="col-xs-8">
      <div class="input-group mb-3">
        <div class="input-group-prepend">
          <label class="input-group-text" for="inputGroupSelect01">Forma de Pagamento:</label>
        </div>
        <select class="custom-select" id="inputGroupSelect01">
          <option selected>Escolha</option>
          <option value="1">Cartão de crédito</option>
          <option value="2">Cartão de débito</option>
          <option value="3">Dinheiro</option>

        </select>
      </div>
      </div>
      </div>

      <div id="datetimepicker" class="input-append date">
            <label for="totaldeserv">Data_Horário</label>
        <input type="text"></input>
            <span class="add-on">
              <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
            </span>
      </div>

      <div class="form-group row">
      <div class="col-xs-8">
      <button type="submit" name="save" class="btn btn-primary">Salvar</button> 
      </div>
      </div>
      </div>
      </form>
      </div>
      </div>

          <script type="text/javascript">
            $('#datetimepicker').datetimepicker({
              format: 'dd/MM/yyyy hh:mm:ss',
              language: 'pt-BR'
            });
          </script>
      </body>
      </html>
      ----------------------------------------------------------------------------------------------
      /**
       * Brazilian translation for bootstrap-datetimepicker
       * Cauan Cabral <cauan@radig.com.br>
       */
      ;(function($){
      $.fn.datetimepicker.dates['pt-BR'] = {
      days: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado", "Domingo"],
      daysShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "---", "Sáb", "Dom"],
      daysMin: ["Do", "Se", "Te", "Qu", "Qu", "Se", "Sa", "Do"],
      months: ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],
      monthsShort: ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
      today: "Hoje"
      };
      }(jQuery));
    • By Walter_White
      Boa tarde,
      Estou atentar implementar bootstrap numa página estática no blogger. No entanto, quando coloco a biblioteca:
      href=“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”
      A página fica totalmente alterada.
      Alguem me consegue ajudar a cancelar os efeitos da biblioteca no que não quero.
       
       
      Alguem me consegue ajudar?
       
      Muito obrigado,
       
    • By Guga Alves
      Olá, estou enfrentando um problema no qual não tinha tido contato até então.

      Alguns textos em uma landing que estou trabalhando simplesmente não exibidos ou apresentam erros na exibição.

      Gostaria de saber se alguém já enfrentado esse problema poderia me ajudar com isso.

      Abaixo segue imagens dos erros
       
       
       


    • By isaque_cb2
      Olá galera, eu estou trabalhando em um site pessoal, mais para aprendizado mesmo, mas me deparei com um erro, quando eu abro o site no navegador (PC) funciona normal, mas quando abro no celular, a imagem dica pequena e no topo, alguém pode me ajudar com isso?
      print 1: (modo mobile do inspecionar)

      no PC fica normal, repare a área cinza abaixo da imagem, toda essa área devia ser coberta pela imagem, grato!
      http://prntscr.com/mvj3ed
       
      Grato desde já!
    • By mateumt15
      Tenho uma tabela com muitas linha e uma dessas linha e muito grande, ja tentei varias coisas para arrumar mas nenhuma delas deu jeito nisso segue a tabela
       
       
      <div class='wrapper-modal-editor'>
              <div class='block my-4'>
                  <div class='d-flex justify-content-center'>
                  </div>
              </div>
            <table id='dtBasicExample' class='table table-striped table-bordered table-responsive'>
              <thead>
                <tr>
                  <th class='th-sm'>Id Link
                  </th>
                  <th class='th-sm'>Link
                  </th>
                  <th class='th-sm'>Data Inicio
                  </th>
                  <th class='th-sm'>Data Fim
                  </th>
                  <th class='th-sm'>Ação
                  </th>
                  <th class='th-sm'>Dominio
                  </th>
                  <th class='th-sm'>Seleção
                  </th>
                </tr>
              </thead>    
              <div>
               
              <script src='../js/jquery-3.2.1.min.js'></script>
              <script src='../js/popper.min.js'></script> 
              <script src='../js/bootstrap-4.0.0.js'></script>
             
              </div>
          </div>
      <tbody>
      <tr>
      <td>27</td>
      <td>c.apple.com/r?v=2&amp;la=pt&amp;lc=bra&amp;a=z2%2Bnb8HWCoHziyJtbRYNxDd%2FkgyZjZvGSC81JOPXnypgazdDEpi9VZFGWHLJPWmuLtv6bjDTIDHd4zoATogPVtQ0TnXoWLHI2XQ1aVDI5YpHS0D4qfYHYB09Aq0qVHjRe8TR8%2Fo56d7spUwxrFdNL9jusvKWFiLfJBTgZkKsbI4pWRAyzrFaNxkIWNXu%2Fakj&amp;ct=aI3g7L0A3k</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      </tr>
      </table>
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.