logoSign upLog in
UI UX - beBee


8K buzzes
Grupo de diseño sobre Interfaz de usuario y Experiencia de usuario.
  1. Federico 🐝 Álvarez San Martín
    Para nuestro testing y User Testing, iOS 11 permite grabar la pantalla del dispositivo https://www.macrumors.com/how-to/record-iphone-ipad-screen-ios-11/ Federico 🐝 Álvarez San Martín
  2. Federico 🐝 Álvarez San Martín
    Federico 🐝 Álvarez San Martín
    The spoon, Product Experience. – Carlos Pariente – Medium
    medium.com Design...
  3. Federico 🐝 Álvarez San Martín
    Federico 🐝 Álvarez San Martín
    ¿ Qué es ser un Diseñador de experiencia (UX) ? – UXlatam – Medium
    medium.com Muchos que trabajamos en experiencia de usuario nos hemos enfrentado a preguntas o afirmaciones...
  4. Federico 🐝 Álvarez San Martín
    Federico 🐝 Álvarez San Martín
    Entrepreneurship Through Empathy: How I Got Into UX Design - Gimbal
    gimbal.com Our own Head of UX, Michael Sueoka, tells the story of his unusual path from economics major to Head of...
  5. John Vaughan

    John Vaughan

    A Word about WordPress

    I like it. I use it. I read about it.

    There’s a tendency in the WP world to NOT contextualize advice.

    Specifically: "Are you using Wordpress.org or Wordpress.com?" This is critical, inasmuch as the two implementations of this popular platform operate very differently.

    Anyone who’s writing about a platform which operates differently depending on how it’s implemented should also:

    * Identify the platform implementation clearly up-front (i.e. “This article is about what you can do with a Wordpress. org site.”)

    * Perhaps even provide a contextual disclaimer & explanation (i.e. “It works here. It doesn’t work there.”)

    * Refer to the implementation clearly and consistently throughout the article (i.e “Wordpress.org”)

    If there’s a workaround (i.e. “This is how you can sort-of do the same thing on a WordPress.com implementation…”), then that’s helpful, too.

    Context means Comprehension

    Here's a shallow-but-useful intro/overview:
    WordPress.com vs WordPress.org | WordPress 101 Tutorials :: iThemes
  6. John Vaughan

    John Vaughan

    "Can an industrial designer apply for a job as a UX/UI designer?"
    -- my answer on Quora

    Excellent comprehensive answer from Per Jørgensen .

    With the over-population of the practice, many in the industry are now also considering the migration - in the other direction - from digital-screen-only arena to encompass a more fully-featured approach to usability.

    Some of this is driven by the emergence of ‘the Internet of Things’ (IOT): i.e. the assumption that every man-made object is self-aware & networked.
    John Vaughan
  7. ProducerFederico 🐝 Álvarez San Martín
    ¿Qué es UX y UI? Entendemos que son la Experiencia de Usuario e Interfaz de Usuario
    ¿Qué es UX y UI? Entendemos que son la Experiencia de Usuario e Interfaz de UsuarioTodo el mundo lo habrá escuchado o visto alguna vez. Actualmente está en boga y es una disciplina en la que muchos profesionales del diseño, desarrollo web y mundo online se han unido. En mi caso por el desarrollo de puesto de trabajo en beBee y por...


    Federico 🐝 Álvarez San Martín
    14/09/2017 #17 Federico 🐝 Álvarez San Martín
    #16 Gracias por tu aportación @Josean Rueda Cardenas
    Josean Rueda Cardenas
    14/09/2017 #16 Josean Rueda Cardenas
    Muy buen post @Federico 🐝 Álvarez San Martín. Desde mi particular punto de vista, deberíamos hablar de UIX como acrónimo de User Interface Experience para integrar ámbos conceptos. No tiene sentido desarrollar Interfaces sin atender los gustos y necesidades de nuestro publico :)
    https://www.bebee.com/producer/@seo/bebee-analisis-seo-de-la-red-de-redes es un intento de averiguar que cosas pueden ser mejoradas desde la perspectiva del usuario... quien además; agradece que le escuchen y agradece ser participe de los cambios...
    Un saludo,
    Josean . www.seox.es
    Federico 🐝 Álvarez San Martín
    14/09/2017 #14 Federico 🐝 Álvarez San Martín
    #13 Pues ya lo entiendes. Gracias a ti. Saludos!!
    Ruth Tarragó Guañabens
    13/09/2017 #13 Ruth Tarragó Guañabens
    O sea, la UI es la parte bonita, y la UX el trabajo que lleva detrás. Mira que llevo días viendo ofertas de trabajo que piden esas 4 letras y no había manera de entender lo que era. Eres un crack Fede!!!
    Federico 🐝 Álvarez San Martín
    13/09/2017 #10 Federico 🐝 Álvarez San Martín
    #1 Publicaremos más cosillas sobre el tema :)
    Raúl 🐝 Herrero Acinas
    13/09/2017 #9 Raúl 🐝 Herrero Acinas
    Muy buena explicación @Federico 🐝 Álvarez San Martín, me la apunto!
    @Julio Angel 🐝Lopez Lopez
    13/09/2017 #8 @Julio Angel 🐝Lopez Lopez
    #7 No hay otra, jajaja.
    Ana-María Llácer Sánchez
    13/09/2017 #7 Anonymous
    #5 Menos mal que te lo tomas con humor....jajaja....
    Maite Barroso Del Cerro
    13/09/2017 #6 Maite Barroso Del Cerro
    #4 @Ana-María Llácer Sánchez yo me voy a dormir ya...
    @Julio Angel 🐝Lopez Lopez
    13/09/2017 #5 @Julio Angel 🐝Lopez Lopez
    #4 Noooo, me he exiliado yo solo. 😁😁😁 soy de los que no me caigo, me tiro con estilo. 😹😹
    Ana-María Llácer Sánchez
    13/09/2017 #4 Anonymous
    #2 Lo nuestro es muy fuerte aún estamos despiertos!!!!
    #3 a ti te han tirado al sofa!!!!
    @Julio Angel 🐝Lopez Lopez
    13/09/2017 #3 @Julio Angel 🐝Lopez Lopez
    #1 #2 A ello, (si no lo entiendo ya me lo explicareis) 😉😁
    Ana-María Llácer Sánchez
    13/09/2017 #1 Anonymous
    ¡Genial @Federico 🐝 Álvarez San Martín gracias por explicar la diferencia entre UX y UI!
    Me parece muy interesante UX, tendré que aplicarme y leer algún libro sobre el tema.
    @Maite Barroso Del Cerro @@Julio Angel 🐝Lopez Lopez a leer.....
  8. John Vaughan

    John Vaughan

    "Who loves ya, baby?"
    -- Catchphrase popularized by "Kojak" (1973-1978)

    Much of the ability to get recommendations comes down to the personal connection with the folks you're working with. By the end of an engagement, you generally know who likes you and who "gets it".

    As we wrap up the project and debrief, the topics of 'satisfaction' and 'fullfillment of expectations' are usually discussed. That's an opportune moment for verifying your professional Value Proposition. "Did we accomplish what you expected? Did you get what you wanted?" Lead naturally to "Would you work with me again?"

    Be honest & generous with your client and they'll be honest & generous with you.

    I'm happy to say that a high percentage of clients and colleagues have willingly given me positive reviews. (25+) http://www.jcvtcs.com/index-section-jvaughan.html#recommendations
    ... and literally hundreds of Endorsements on LinkedIn https://www.linkedin.com/in/jvprofile/

    more... at https://jcvtcsblog.wordpress.com/2017/09/11/the-art-and-science-of-the-upvote/

    Basic rule-of-thumb:  Your client bases their recommendation on what you do for them, not whether you're skilled at your profession.
    John Vaughan
  9. John Vaughan

    John Vaughan

    "What's the easiest tool for creating a website?"
    -- my answer on Quora

    "It depends" ... What do you want your website to DO?

    That said - I'm sure that many design services (including me) will be happy to provide some framing & guidance - and an estimate - when you share that info. https://lnkd.in/yGNdpC

    If it can be easily accommodated with prepackaged apps & templates, then an out-of-the-box service will do just fine.

    On of the most popular and best-est: WordPress

    Decent set of basic tools
    Substantial range of 3rd party add-ons
    Relatively easy to use
    “the price is right”

    Framing/Opinion : "A nice coat of paint" surface decoration is undeniably an important aspect of design, but functionality, usability, utility and marketing alignment are the real satisfiers for most businesses.

    If out-of-the-box doesn't provide enough design/customization power, then Dreamweaver (olde schoole, but very functional) is my recommendation.
    John Vaughan
  10. MuyComputerPRO


    Diez tendencias que serán claves en experiencia de usuario (UX) este año » MCPRO
    www.muycomputerpro.com Las aplicaciones de mensajería cuentan a nivel mundial con cuatro billones de usuarios, además de que cinco de las apps más utilizadas del mundo son...
  11. John Vaughan

    John Vaughan

    "I am not really good in UI/UX designing, but I want to invest $1000 in myself to learn it in 3 months and become really good in it. Where do I start effectively?"
    -- my answer on Quora

    “really good ... at *anything*… in 3 months”?

    Gotta agree with Simon Meisinger on that one. (https://www.quora.com/I-am-not-really-good-in-UI-UX-designing-but-I-want-to-invest-1000-in-myself-to-learn-it-in-3-months-and-become-really-good-in-it-Where-do-I-start-effectively)

    Been doing ‘something like UX’ for 35+ years now. Every day’s a lesson. Just sayin’

    Some good pointers in this thread, tho. Here’s mine:
    "Understanding UX" https://jcvtcsblog.wordpress.com/2017/02/12/tweetable-understanding/
    John Vaughan


    John Vaughan
    11/09/2017 #2 John Vaughan
    #1 Agreed, Jason. Best positive advice I could offer: "Apprentice yourself to somebody who you believe is really good. Spend the money on taking them out for dinner & talk at really nice restaurants."
    Jason Baudendistel
    11/09/2017 #1 Jason Baudendistel
    Passable is doable in 3 months say to build your own prototype but I agree to become good or even great is unrealistic.
  12. Federico 🐝 Álvarez San Martín
    Form Field Usability
    Federico 🐝 Álvarez San Martín
    Form Field Usability: Should You Use Single or Multi-Column Forms? [Original Research]
    conversionxl.com Just how bad is a multi-column form layout? This short study conducted through ConversionXL Institute compares form completion time on a single column form vs. a multicolumn form. Will the same questions with a different layout (one column versus...
  13. John Vaughan

    John Vaughan

    "What are the steps to create a Online Quiz with a nice user interface?"
    -- my answer on Quora

    SurveyMonkey is a decent model - and it’s free. (https://www.surveymonkey.com)

    I used it to explore a topic area : The UX Self-Evaluation Checklist (https://www.surveymonkey.com/r/Q2X76RL)

    * was able to do so quickly
    * with adequate tools
    * it looked nice
    * and - at the basic level … it’s free

    Perhaps more to the point:
    Here are some observations about “How to” attract participants (https://jcvtcsblog.wordpress.com/2017/01/20/the-logistics-of-re-posting/)

    As regards the “steps to create” …

    Those are mostly organizational and conceptual. Be concise. Be coherent. Be considerate. The “reasons why” should be fairly obvious, but basically - You’re asking your participants to do you a favor. Treat them accordingly.

    Actually attracting participants - mostly through the tools available in socialMedia - is a heavier lift.

    But that’s another rant…
    John Vaughan


    John Vaughan
    06/09/2017 #2 John Vaughan
    #1 Glad that you, too, find SurveyMonkey useful, Zach.

    Below is an addendum to this article as I shared it on Alignable. (Just replace 'alignable" with "beBee" and it's still pretty true.

    As this 'Q&A section' proves, "asking a question" is a great way to spark engagement. Beyond that, many of the *real* questions here could be framed in SurveyMonkey. In that way, the responses could be collected, measured, quantified, and easily shared 'beyond Alignable'. (At one point a few years ago, LinkedIn actually provided its own survey tool.) The lesson here is :

    a) we've got wonderful networks

    b) 'other guys' have designed really nice tools

    c) so there's little value in 're-inventing the wheel'

    I do not wish to undermine Alignable (They do some things well. Other things ... not so much.)


    * Consider also publishing your question on SurveyMonkey

    * Point to it from Alignable

    * Publish the results here

    Cross-Pollination is the Soul of the socialNet

    *Claification for @Zacharias Voulgaris:
    I don't believe that Javier and I pay much attention to each other's postings.
    Zacharias 🐝 Voulgaris
    06/09/2017 #1 Zacharias 🐝 Voulgaris
    You must have read Javier's recent post. Good spin on this simple yet useful service. I've used SurveyMonkey a few years back and it's quite handy, given that you can promote the survey to your targeted audiences.
  14. Federico 🐝 Álvarez San Martín
    ‪Alternativas al botón de acción flotante http://www.torresburriel.com/weblog/2017/09/04/alternativas-al-boton-accion-flotante/Federico 🐝 Álvarez San Martín
  15. Federico 🐝 Álvarez San Martín
    Federico 🐝 Álvarez San Martín
    How to bridge the gap between Design and Development
    medium.muz.li It’s well known that the clash between Design and Development is not simply just a clash between people who do different stuff- it’s...
  16. Federico 🐝 Álvarez San Martín
    POP: Podrás construir el prototipo de inmediato sin pasar por el proceso riguroso y que requiere mucho tiempo para hacerlo a mano.
    Federico 🐝 Álvarez San Martín
    marvelapp.com Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app...
  17. Federico 🐝 Álvarez San Martín
    Toolkit of a Product Designer https://uxdesign.cc/toolkit-of-a-product-designer-b1da0f929164 https://uxdesign.cc/toolkit-of-a-product-designer-b1da0f929164 Federico 🐝 Álvarez San Martín
  18. Federico 🐝 Álvarez San Martín
    ¿Realmente necesitamos un botón Home en nuestros smartphones?
    Federico 🐝 Álvarez San Martín
    ¿Realmente necesitamos un botón Home en nuestros smartphones?
    m.xataka.com Hace una década Apple presentó el smartphone que lo cambiaría todo, y con él llegaba un nuevo botón a nuestros teléfonos: el botón Home o botón de Inicio....


    Fran 🐝 Brizzolis
    03/09/2017 #1 Fran 🐝 Brizzolis
    Pues no!.…. Pero un track pad seria muy practico para mover la pantalla y desplazarse por ella pero desde "fuera".
  19. John Vaughan

    John Vaughan

    UX … in the Enterprise

    Many enterprises are now struggling with the challenge of making UxP an integral part of the business - not merely an afterthought. There are two schools of thought:

    John Vaughan


    John Vaughan
    03/09/2017 #2 John Vaughan
    "What is the size of UX design industry?"
    -- my answer on Quora

    There’s UX. There’s Design. And there’s overlap.

    UX is an umbrella which encompasses design-as-an-attribute.

    There are UX folks who brand themselves as “designers”. And there are UX folks who don’t.

    Analysis, Architecture, Design, Research, and … Strategy


    “UX + Design” is a common conflation
  20. Federico 🐝 Álvarez San Martín
    Metodologías de UX: Evaluación Heurística.
    www.interactius.com Buenas y malas prácticas de cómo aplicar los 10 célebres heurísticos de Nielsen y...
  21. ProducerMelissa Crooks

    Melissa Crooks

    How To Optimize Your Mobile App User Experience With These Steps
    How To Optimize Your Mobile App User Experience With These StepsWhen you log on to Google Play store and insert a keyword, you will notice the following: several apps that provide the service related to the searched keyword will pop-up, the app with the most downloads will rank higher than others.If you are...
  22. Federico 🐝 Álvarez San Martín
    Federico 🐝 Álvarez San Martín
    6 Reglas básicas para un UX Designer | Andrea Cantú
    blog.acantu.com Así como en toda profesión, hay 6 reglas básicas que todo UX Designer debe saber y seguir. La primera regla como UX Designer...


    Ignacio Orna
    30/08/2017 #3 Ignacio Orna
    #2 Quien sepa manejar estas herramientas @Federico 🐝 Álvarez San Martín https://www.bebee.com/producer/@fedealvarezsm/5-herramientas-que-usamos-para-disenar-ux es un profesional como la copa de un pino
    Federico 🐝 Álvarez San Martín
    30/08/2017 #2 Federico 🐝 Álvarez San Martín
    #1 @Ignacio Orna es el que diseña la Experiencia de Usuario en un Producto. Para que cualquier producto que se use sea usable, valga la redundancia :) Te copio el enlace a mi blog donde tienes artículos de ello https://www.bebee.com/@fedealvarezsm
    Ignacio Orna
    30/08/2017 #1 Ignacio Orna
    Discúlpese mi cosmopaletez, ¿Que es UX designer?
  23. Federico 🐝 Álvarez San Martín
    A tener en cuenta para nuestras notificaciones Push. 5 consejos para mejorar la eficacia de las Notificaciones Push. https://pickaso.com/2017/consejos-push-notificationsFederico 🐝 Álvarez San Martín
  24. John Vaughan

    John Vaughan

    BIGGER is Better
    ... and freer
    John Vaughan
    UX at Scale Virtual Summit
    www.uxpin.com 14 free webinars. UX leaders from Salesforce, Atlassian, IDEO, Airbnb, Linkedin, and...
  25. John Vaughan

    John Vaughan

    I recently encountered this question on Quora: How would you design the ideal “next page button” if the button was just an icon?

    As with all things ‘usability’, the Clue is in the Context

    … and the Intention is Clarity.

    First of all, “What do you mean by ‘next’?” No, I’m not just word-smithing.

    Here are a few variations on our theme:

    ‘Next’ in a sequence-that-has-some-organization (option-to-skip)
    ‘Next’ in an unorganized group (random/shot-in-the-dark)
    ‘Next’ in the sense of ‘more-like-this’ (similar things)
    ‘Next’ in the sense of ‘more-detail-on-this’ (drilldown)
    ‘Next’ in the sense of ‘steps-in-a-process’ (1–2–3)
    ‘Next’ in the sense of ‘self-regulated-presentation’ (slideshow)

    Yes, Yes – Of course there’s a bunch of overlap here, as well. But I think you get my point:

    There is no perfect one-size-fits-all icon

    "Textual button “Next page” will always work better than an icon."
    — Ivan Burmistrov (There’s some real truth for you.)

    Dilemma: As usability designers, we’re always trying to simplify and un-busy what appears on the screen… (i.e. less text/more pics)

    A modest proposal

    1. Look over the list above (there are probably other options, too).

    2. Pick the ‘next’ that’s most appropriate to what you wish to communicate.

    3. Select a concise textual cue which expresses your intent
    Design a visual/graphical image which reflects your call-to-action (It will often be expressed as some form of arrow)

    4. Combine those two visual elements in a way that works within the whole context (After all, that’s why we hired you. If really pressed for screenspace, I’ll often present an on-screen icon – and have the textual explanation appear onHover)

    Here’s a coupla thoughts:

    Workflow : http://www.jcvtcs.com/uxp-tasks/workflow.html

    Branding Imagery : http://www.jcvtcs.com/uxp-tasks/branding-icons.html
    John Vaughan


    John Vaughan
    27/08/2017 #2 John Vaughan
    #1 Yep. And thanks @Praveen Raj Gullepalli
    Praveen Raj Gullepalli
    27/08/2017 #1 Praveen Raj Gullepalli
    A 'Next' could also be / mean a
    1. Number (as in a story book)
    2. To be continued
    3. PTO
    4. A hyperlink that takes you someplace connected / relevant
    5. ...your next buzz ;)
See all