Working with Developers (5 Tips for Designers) | Design workflow tutorial

Поділитися
Вставка
  • Опубліковано 22 сер 2024

КОМЕНТАРІ • 63

  • @othername333
    @othername333 6 років тому +20

    HA! Was just about to send my designs to a developer, totally about to smack him in the face with a "TA DA" moment. Thought I would just drink my coffee and watch this vid before sending. So now I will ask him what he thinks of my solution instead of just handing my designs off to him (I don't want to be that designer). This vid was really helpful (as are all of them), thanks for doing what ya do Jesse!!

    • @JesseShowalter
      @JesseShowalter  6 років тому

      Thanks so much for watching and for the encouragement 👍🏼

    • @chloebailey7036
      @chloebailey7036 5 років тому +1

      You're comment made me lol! :) I was about to do something similar...

  • @seabreezed
    @seabreezed 4 роки тому +7

    Developer here, and I agree with all of those. I'd like to add another thing though. I think generally, people don't like getting their time wasted (this is especially true for devs who are tragically allergic to inefficiencies in any form), so if designer's gonna present their design, just come prepared with a proper agenda of things to discuss (or things could go really awry), stop people from going off-topic, wrap up with key action items, and post meeting notes or recording afterwards. This will make every one so much happier. Be proactive and most importantly, BE TRANSPARENT! Make it clear what help you need and how long it might take to complete tasks. (Rather than just pop up out of months of absence with a magical design that doesn't fit technical constraints). The developers and pms are gonna be confused/panicking and designers are gonna get stuck with 100 of the same confused comments on their prototype.
    Anyway great video and thanks for sharing your thoughts!

    • @JesseShowalter
      @JesseShowalter  4 роки тому +2

      Hey Jenny! Thank you so much for sharing your perspective as well as some very helpful truths for us to carry into the process. Thanks for your support, hope you have a rad day! 🤘

    • @carlrosati8160
      @carlrosati8160 2 роки тому

      I love the idea that a developer might give any consideration to a meeting other than what they want. Beyond being left to write code, i regularly find developers to be expectant of others to go the extra mile whilst never giving any consideration to applying that to their own practice.

  • @fonncatalina6464
    @fonncatalina6464 3 роки тому +4

    Come on, seriously, you deserve much more views and subs!! I'm on my journey to web development as well as improve my UIUX, I can say you are one of the best person who gave me so much practical tips on both sides! Thank you very much!

    • @JesseShowalter
      @JesseShowalter  3 роки тому +1

      Oh wow, thank you so so much Fonn Catalina, for your super kind words and support!

  • @lauranixon20
    @lauranixon20 9 місяців тому

    Great video, thank you! It's great to hear tips from both sides of the coin. I think your last point about actually asking developers how they like to work is really important. I always thought there was a set framework for handoff but it makes total sense to actually speak to the developers and ask how they'd like it.

  • @leovedere
    @leovedere 3 роки тому +2

    OMG! I wanna print this video and put into a beautiful frame on my wall! This is art!

  • @afreezy2354
    @afreezy2354 4 роки тому +4

    Great video man! This helps a lot with a project I got coming up. What are the most useful ways in your experience to document things like padding? Things that tend to work for both parties

    • @JesseShowalter
      @JesseShowalter  4 роки тому

      Most great design platforms have some sort of great inspect mode, that’s my preferred way.

  • @sammyl1853
    @sammyl1853 4 роки тому +6

    Hey Jesse, great video! I think the points you made are very important to understand. As the only designer on a very small team who works directly with our developer, I can attest to the importance of early and consistent communication throughout the entire design process from planning to execution. I am still struggling to find some good examples on the interwebs of design documentation. Do you know of any best practices or systems of organizing documenting? Maybe you could do a more in-depth video of how to organize & document screens and interactions to communicate with developers - I would definitely be interested to know more! Any resource recommendations would be greatly appreciated (from you or anyone who has something to share in the comments)!

    • @JesseShowalter
      @JesseShowalter  4 роки тому +1

      That's a tough topic and a great idea for a video. I hope I will do it justice

  • @RobertBradford2
    @RobertBradford2 6 років тому +1

    Nice. I think the first tip of caring more for the developer is what this boiled down to and I got lots of value from this.

    • @JesseShowalter
      @JesseShowalter  6 років тому

      Awesome to hear. Let me know what other topics I can cover that would bring you value 👍

  • @danny4541
    @danny4541 3 роки тому +2

    That wasn't actually I was looking for but it was informative anyway.

  • @mayank_upadhyay_19
    @mayank_upadhyay_19 3 роки тому +4

    This video is 3 years old, but I am still gonna wish you *MERRY CHRISTMAS*

  • @suga9470
    @suga9470 5 років тому +2

    Great video ! Ur few of the rarest human who can design and also develop !

    • @JesseShowalter
      @JesseShowalter  5 років тому

      There are more people doing both as of late.

    • @suga9470
      @suga9470 5 років тому

      @@JesseShowalterNice 😄. Came across very few here..!

  • @tarunjuluru99
    @tarunjuluru99 6 років тому +2

    Glad, I found you on UA-cam. Your videos makes complete sense. :)

    • @JesseShowalter
      @JesseShowalter  6 років тому +1

      Thanks for the encouragement. Thanks for the support.

  • @jaysuthar4801
    @jaysuthar4801 3 роки тому +1

    Wow man! You’re an amazing mentor! Thanks so much for these top tips.

    • @JesseShowalter
      @JesseShowalter  3 роки тому

      Dude, thanks so much! Beyond stoked to be able to help!

  • @wise_nut
    @wise_nut 5 років тому +2

    Amazing as always :D !!! Thank you Jesse!

  • @marinaro2989
    @marinaro2989 7 років тому +3

    Thank you for this video!
    Great and informative :)

    • @JesseShowalter
      @JesseShowalter  7 років тому

      Thanks for watching and kind words. let me know what other topics I can cover that you would like to see :)

  • @bmanq2234
    @bmanq2234 4 роки тому +1

    Your first tip is gold!

  • @fernwehtwl
    @fernwehtwl Рік тому

    Thank u ☺️

  • @dorianariadnaalcalagil2089
    @dorianariadnaalcalagil2089 4 роки тому +1

    Thanks for your tips! Can you create a video to go deeper on tip #2?

  • @ervinmcmillan6980
    @ervinmcmillan6980 6 років тому

    BEST!!!! video I've seen on the internet everrrr!

    • @JesseShowalter
      @JesseShowalter  6 років тому

      You must be a developer and this is why this hit home so hard for you 😆

  • @BneiAnusim
    @BneiAnusim 5 років тому +1

    I create a working prototype (html, css, javascript) in codepen and give the url to developer so they can copy/paste everything into the site and apply the logic to it.

    • @JesseShowalter
      @JesseShowalter  5 років тому +4

      That’s more of a front end developers workflow, at this point why wouldn’t you just be working in Github?

  • @suheeb_an
    @suheeb_an 5 років тому +1

    Great tips Jesse. I have a question for you and other designers. How do you maintain the versions of your ongoing projects? I presume you are using Sketch to do your designs. If so, how do you update them and keep a track of each version? Thanks!

    • @JesseShowalter
      @JesseShowalter  5 років тому +1

      You can do it manually or use something like abstract

    • @suheeb_an
      @suheeb_an 5 років тому

      @@JesseShowalter Thanks, Jesse.

  • @tonys490
    @tonys490 4 роки тому

    Can you talk about various developers and technologies used

  • @tamirjansen
    @tamirjansen 6 років тому +1

    Thank you, You deserve more views & subs!

  • @einzelstein5291
    @einzelstein5291 2 роки тому

    Hi, you have an update on that topic?

  • @ambergabranski
    @ambergabranski 4 роки тому

    New startup... need design software. Thinking Figma. Then what about prototype? Do I do Framer after I design in Figma?

  • @nirfrost5976
    @nirfrost5976 5 років тому +2

    Hi ! What camera do you use?) for this video.Thanks for reply)

    • @JesseShowalter
      @JesseShowalter  5 років тому

      I use to use a canon EOS M3 (this video) but I have since upgraded to a Panasonic G85

    • @nirfrost5976
      @nirfrost5976 5 років тому

      Thanks)@@JesseShowalter

  • @Pablo-sr5bx
    @Pablo-sr5bx 4 роки тому +1

    This is great.

  • @gaguhj
    @gaguhj 2 роки тому

    You're the goat

  • @irisking587
    @irisking587 5 років тому

    Can you do a video of your best CRO tips please? :)

  • @sarar5990
    @sarar5990 2 роки тому

    hey, im new here, how do make sure the file is pixel perfect?

  • @zhouyang6246
    @zhouyang6246 6 років тому

    i want thank you you much better than school

  • @elnurakazybek3898
    @elnurakazybek3898 3 роки тому +1

    all is cool! love the tips, thank you. but why the face so close to the camera...? sorry. it was disturbing.

  • @cjbean303
    @cjbean303 4 роки тому +1

    organization video?

  • @DylanHartDerp
    @DylanHartDerp 5 років тому +1

    6:24