<!DOCTYPE html>
<html lang="pt">

    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# profile: http://ogp.me/ns/profile#">

        <title>
            IvoGomes.com | Usabilidade, Acessibilidade &amp; User Experience
        </title>
        <meta name="description" content="Blog pessoal de Ivo Gomes, especialista em usabilidade, acessibilidade e user experience">

            <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="author" content="Ivo Gomes">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
    <link rel="shortcut icon" href="/img/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="/img/touch-icon.57.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/touch-icon.72.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/touch-icon.114.png">
    <link rel="apple-touch-startup-image" href="/img/splash.320x460.png"
    media="screen and (min-device-width: 200px) and (max-device-width: 320px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="/img/splash.768x1004.png"
    media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="/img/splash.1024x748.png"
    media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="stylesheet" type="text/css" href="/css/ink.css">
    <link rel="stylesheet" type="text/css" href="/css/styles.css">

    <script type="text/javascript" src="/js/ink-all.min.js"></script>
    <script type="text/javascript" src="/js/autoload.js"></script>
        <meta property="fb:profile_id" content="ivogomes" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="http://www.ivogomes.com/blog" />
        <meta property="og:title" content="Ivo Gomes" />
        <meta property="og:image" content="http://www.ivogomes.com/img/ivo.jpg" />
        <meta property="og:description"  content="Blog pessoal de Ivo Gomes, especialista em usabilidade, acessibilidade e user experience" />
        <meta property="og:locale" content="pt_PT" />
    </head>

    <body id="main">

        <!--[if IE lte 8 ]>
    <div class="ie-warning">
        <div class="ink-grid">
            <p><strong>AVISO: Está a usar uma versão desactualizada do Internet Explorer.</strong><br />Para poder ter uma mehor experiência de navegação neste site, por favor actualize para um navegador mais moderno como o <a href="http://google.com/chrome">Chrome</a>, <a href="http://apple.com/safari">Safari</a>, <a href="getfirefox.com">Firefox</a> ou o <a href="http://windows.microsoft.com/en-us/internet-explorer/ie-10-worldwide-languages">Internet Explorer 10</a>.</p>
        </div>
    </div>
<![endif]-->

<header id="top">
    <div class="ink-grid">
        <h1>IvoGomes.com</h1>
        <p>Usabilidade, Acessibilidade &amp; User Experience</p>

        <nav class="ink-navigation lang">
            <ul class="menu horizontal" role="menubar">
                <li class="globe"><span class="icon-globe" title="Language"></span></li>
                <li role="menuitem" aria-checked="true" class="active"><a href="/">Português</a></li>
                <li role="menuitem"><a href="/en" lang="en">English</a></li>
            </ul>
        </nav>
    </div>
</header>        <nav class="ink-navigation ink-sticky" id="main-menu">
    <div class="ink-grid">
        <ul class="menu horizontal" role="menubar">
            <li role="menuitem" class="home"><a class="scrollableLink" accesskey="0" href="#top" title="Voltar ao topo">IG</a></li>
            <li role="menuitem"><a class="scrollableLink" accesskey="1" href="#about">Sobre<span class="hide-large hide-medium"> Mim</span></a></li>
            <li role="menuitem" class="hide-small hide-tiny"><a class="scrollableLink" accesskey="2" href="#work">Trabalho</a></li>
            <li role="menuitem" class="hide-small hide-tiny"><a class="scrollableLink" accesskey="3" href="#projects">Projetos Pessoais</a></li>
            <li role="menuitem" class="hide-small hide-tiny"><a class="scrollableLink" accesskey="4" href="#contact">Contactos</a></li>
            <li role="menuitem" class="push-right"><a accesskey="5" href="/blog"><span class="hide-small hide-tiny">Arquivo do </span>Blog <span class="icon-arrow-right"></span></a></li>
        </ul>
    </div>
</nav>
        <div id="contents" itemscope itemtype="http://schema.org/Person">
            <section data-spy="true" data-target="#main-menu" id="about">
                <div class="ink-grid">
                    <div class="column-group gutters">
                        <div class="large-30 medium-30 small-100 tiny-100 align-center">
                            <img src="/img/ivo.jpg" alt="Ivo Gomes" class="avatar" itemprop="image" />

                            <div class="social">
    <ul>
        <li><a title="Facebook" class="fb" href="http://www.facebook.com/ivogomes"><span class="icon-2x icon-facebook"></span><i>Facebook</i></a></li>
        <li><a title="Twitter" class="twitter" href="http://www.twitter.com/ivogomes"><span class="icon-2x icon-twitter"></span><i>Twitter</i></a></li>
        <li><a title="Google+" class="gplus" href="http://google.com/+IvoGomes/?rel=author"><span class="icon-2x icon-google-plus"></span><i>Google+</i></a></li>
        <li><a title="LinkedIn" class="lk" href="http://www.linkedin.com/in/ivogomes"><span class="icon-2x icon-linkedin"></span><i>LinkedIn</i></a></li>
    </ul>
</div>                        </div>

                        <div class="large-70 medium-70 small-100 tiny-100">
                            <h2>Sobre Mim</h2>

                            <p>Olá! O meu nome é <span itemprop="name">Ivo Gomes</span> e sou uma espécie de geek :)</p>

                            <p>Desde muito novo que sempre gostei de computadores, e também sempre gostei de saber como funcionam as coisas. Ao longo dos anos, fui aprendendo de forma autodidacta a mexer nas coisas e a ver o que acontecia se fizesse "isto". À custa disso, estraguei alguns computadores, mas é como se diz: é com os erros que se vai aprendendo.</p>

                            <p>Licenciei-me em <a class="external" title="Link externo (abre numa nova janela)" target="_blank"  href="http://www.fmh.utl.pt/ergonomia/">Ergonomia <span class="icon-external-link"></span></a>, que é a ciência que ajuda a compreender a interacção entre o Homem e o seu meio ambiente. Através da Ergonomia observamos a forma como os humanos interagem com os objectos à sua volta, e propomos soluções para melhorar essa interacção. Uma das vertentes da Ergonomia é a Interação Homem-Máquina, o que por si evoluiu para os conceitos de Usabilidade e User Experience. Quanto mais usável for um sistema, mais simples e eficaz será a interação do humano com esse sistema.</p>

                            <p>O meu gosto por computadores, pela forma como as coisas funcionam, e a minha formação em ergonomia, levaram a que a minha área de trabalho se centre precisamente em tornar os interfaces mais fáceis de usar, mais especificamente, interfaces web, mobile e IPTV (ex: <a class="external" title="Link externo (abre numa nova janela)" target="_blank" href="http://www.meo.pt/tv/experiencia-tv/aplicacoes-interativas">aplicações interactivas MEO <span class="icon-external-link"></span></a>).</p>

                            <p itemprop="description">Actualmente trabalho na <a class="external" title="Link externo (abre numa nova janela)" target="_blank" href="http://www.telecom.pt"><span itemprop="worksFor">Portugal Telecom</span> <span class="icon-external-link"></span></a>, mais precisamente no <a class="external" title="Link externo (abre numa nova janela)" target="_blank" href="http://www.sapo.pt">Portal SAPO <span class="icon-external-link"></span></a> onde ajudo a desenvolver websites e aplicações centrados no utilizador. Sou também membro do concelho directivo da <a class="external" title="Link externo (abre numa nova janela)" target="_blank" href="http://www.usabilidade.org"><span itemprop="memberOf">Associação Portuguesa de Profissionais de Usabilidade</span> <span class="icon-external-link"></span></a> e um membro activo da <a class="external" title="Link externo (abre numa nova janela)" target="_blank" href="https://www.facebook.com/groups/repux/"><span itemprop="memberOf">Rede Portuguesa de User Experience (REPUX)</span> <span class="icon-external-link"></span></a>.</p>

                            <p>Tenho também um grande interesse pelos temas da acessibilidade web, pois acredito que a informação deve estar disponível para todos, independentemente das necessidades especiais de cada um, e a tecnologia de hoje permite-nos ir mais além para ajudar a criar um mundo digital de acesso universal.</p>



                            <p class="margin-top"><a class="button scrollableLink" href="#contact">Contactos</a></p>

                        </div>
                    </div>
                </div>
            </section>


            <section data-spy="true" data-target="#main-menu" id="work">
                <div class="work-bg"></div>

                <div class="ink-grid">

                    <div class="column-group gutters">
                        <div class="large-70 medium-70 small-100 tiny-100">
                            <h2>Trabalho</h2>

                            <p>Trabalho na área da Usabilidade e User Experience desde 2004. Tudo começou numa pequena grande empresa chamada <a class="external" title="Link externo (abre numa nova janela)" target="_blank" href="http://www.log.pt">log <span class="icon-external-link"></span></a>, onde comecei a desbravar caminho na melhoria dos interfaces web que desenvolviamos para os nossos clientes.</p>

                            <p>Em 2009 fui convidado para integrar a equipa do <a class="external" title="Link externo (abre numa nova janela)" target="_blank" href="http://www.sapo.pt">Portal SAPO <span class="icon-external-link"></span></a> (Portugal Telecom) para a recentemente criada área de Qualidade e Usabilidade. O SAPO é um mundo à parte e claramente uma das melhores empresas de tecnologia para trabalhar em Portugal. Aqui, além dos vários sites com a marca SAPO, desevolvemos também soluções tecnológicas para o resto do Grupo PT. A inovação e a irreverência do SAPO permitiram-nos desenvolver produtos inovadores a nível mundial como por exemplo o <a class="external" title="Link externo (abre numa nova janela)" target="_blank" href="http://www.kanal.pt">MEO Kanal <span class="icon-external-link"></span></a> em que cada pessoa pode ter o seu próprio canal de TV na rede MEO.</p>

                            <p>Em 2011 fui convidado para liderar o departamento de Qualidade e Usabilidade do SAPO, o que aceitei de bom grado. Actualmente a nossa equipa está dividida em 2 áreas: CORE Usability e Multiplataforma, sendo que esta última está focada exclusivamente na avaliação e validação de aplicações para dispositivos móveis e IPTV.</p>

                            <p>Todos os projectos SAPO (e de parceiros do SAPO) têm de passar obrigatoriamente pela validação da equipa de Qualidade e Usabilidade antes do OK final para irem para produção, o que nos permite manter um nível de qualidade consistente entre a maior parte dos projectos que lançamos para o público.</p>
                        </div>

                        <div class="large-30 medium-30 small-100 tiny-100">
                            <p class="align-center"><img src="/img/logo-sapo.png" alt="SAPO" /></p>
                        </div>
                    </div>
                </div>
            </section>

            <section data-spy="true" data-target="#main-menu" id="projects">

                <div class="projects-bg"></div>
                <div class="ink-grid">
                    <h2>Projetos Pessoais</h2>

                    <div class="column-group gutters">
                        <div class="large-50 small-100 tiny-100">

                            <div class="column-group gutters">
                                <div class="large-30 small-100 tiny-100">
                                    <img src="/img/mtvs.png" alt="" />
                                </div>
                                <div class="large-70 small-100 tiny-100">
                                    <h3>MyTVShows</h3>
                                    <p class="url"><a href="http://mytvshows.org" title="Link externo (abre numa nova janela)" target="_blank">http://mytvshows.org <span class="icon-external-link"></span></a></p>
                                    <p>O MyTVShows começou com uma ideia simples: manter um registo dos episóidos das séries que estou a ver. Para quem vê várias séries em simultâneo, às vezes torna-se difícil saber em que episódio ficámos para cada série. O MyTVShows vem facilitar essa tarefa, permitindo organizar as nossas séries de TV.</p>
                                </div>
                            </div>
                        </div>

                        <div class="large-50 small-100 tiny-100">
                            <div class="column-group gutters">
                                <div class="large-30 small-100 tiny-100">
                                    <img src="/img/pdc.png" alt="" />

                                </div>
                                <div class="large-70 small-100 tiny-100">
                                    <h3>Portal das Curiosidades</h3>
                                    <p class="url"><a href="http://portaldascuriosidades.com" title="Link externo (abre numa nova janela)" target="_blank">http://portaldascuriosidades.com <span class="icon-external-link"></span></a></p>

                                    <p>O Portal das Curiosidades é literalmente um site do século passado. Nasceu em 1999 e continua vivo até aos dias de hoje. Inicialmente era um repositório de curiosidades, mas ao longo do tempo acabou por evoluir para um fórum onde os utilizadores podem partilhar as suas curiosidades com toda a gente.</p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </section>

            <section data-spy="true" data-target="#main-menu" id="contact">

                <div class="ink-grid">
                    <h2>Contactos</h2>

                    <div class="column-group">
                        <div class="large-25 small-hide tiny-hide">
                            <p></p>
                        </div>
                        <div class="large-50 small-100 tiny-100">
                            <p>Se quiser entrar em contacto comigo, basta preencher o formulário em baixo, ou conntactar-me através de uma das redes sociais.</p>

                            <form class="ink-form" method="post" action="/forms/contact-form-pt.php" onsubmit="return Ink.UI.FormValidator_1.validate(this);">
                                <fieldset>
                                    <div class="control-group">
                                        <label for="form-name">Nome</label>
                                        <div class="control">
                                            <input id="form-name" name="form-name" type="text" placeholder="O seu nome">
                                        </div>
                                    </div>

                                    <div class="control-group required validation">
                                        <label for="form-email">E-Mail</label>
                                        <div class="control append-symbol">
                                            <span>
                                                <input id="form-email" name="form-email" type="email" class="ink-fv-required ink-fv-email" placeholder="O seu endereço de e-mail">
                                                <i class="icon-envelope-alt"></i>
                                            </span>
                                        </div>
                                        <p class="tip">* Campo obrigatório, de modo a poder responder à sua mensagem</p>
                                    </div>

                                    <div class="control-group required validation">
                                        <label for="form-message">Mensagem</label>
                                        <div class="control">
                                            <textarea id="form-message" name="form-message" class="ink-fv-required"></textarea>
                                        </div>
                                        <p class="tip">* Campo obrigatório, convém escrever alguma coisa ;)</p>
                                    </div>
                                </fieldset>

                                <button class="button">Enviar</button>
                            </form>


                        </div>
                    </div>

                </div>
            </section>

        </div>

        <footer>
    <div class="ink-grid">
        <p>Ivo Gomes</p>
        <div class="social">
    <ul>
        <li><a title="Facebook" class="fb" href="http://www.facebook.com/ivogomes"><span class="icon-facebook"></span><i>Facebook</i></a></li>
        <li><a title="Twitter" class="twitter" href="http://www.twitter.com/ivogomes"><span class="icon-twitter"></span><i>Twitter</i></a></li>
        <li><a title="Google+" class="gplus" href="http://google.com/+IvoGomes/?rel=author"><span class="icon-google-plus"></span><i>Google+</i></a></li>
        <li><a title="LinkedIn" class="lk" href="http://www.linkedin.com/in/ivogomes"><span class="icon-linkedin"></span><i>LinkedIn</i></a></li>
    </ul>
</div>    </div>
</footer>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-88368-2', 'ivogomes.com');
  ga('send', 'pageview');

</script>
    </body>

</html>