3
cloudsxvx
43d

So I’m new to all this. What’s a good system to use for ux design?

Comments
  • 3
    Interaction Designer here.
    could you further explain what do you mean and want/need?
  • 5
    That's the vaguest thing I've read all day.

    And I'm a Software Dev currently doing a Business Analysis' Job to build out the requirements I will be working with 😅 FML!

    As others have said, UX isn't "building" anything, just post it notes and a big window is enough.

    implementing UX into UI design is another problem where you need some designer background and UX methodologies to understand user journeys and how to present them to a user.

    UI development is taking those designs and fabricating them.

    For UX: https://www.nngroup.com/
    For UX/UI: https://invisionapp.com/inside-desi...

    And then UI dev for that final part, but I think your more meaning Design rather then Dev.
  • 0
    @heyheni I’m thinking in the sense of design. Drawing out and setting up how you want something to look before you code it out.
  • 1
    @C0D4 yes I am a self learning noob I apologize for my current lack of knowledge. Just hope everyone can bare with me.
  • 2
    @cloudsxvx cool, since your a noob take this aswell, and get accessibility right from the start rather then attempt to understand it later in life.

    https://w3.org/WAI/...

    @Fast-nop and @AleCx04 May have some input for you too.
  • 1
    @C0D4 I actually use w3 as a reference a lot!
  • 2
    @cloudsxvx as @M1sf3t said design is a process in which
    - the needs are evaluated,
    - problems are defined
    - the goals and requirements to solve that problems are drawn up
    - a solution is thought of
    - testing of said solution at the user
    - redefine the requirements according to the test results.
    - repeat testing and redefining requirements until it fits.

    Here some reads
    User Centered Design
    https://en.wikipedia.org/wiki/...
    Design Thinking
    https://en.wikipedia.org/wiki/...
    Service Design
    https://en.wikipedia.org/wiki/...
  • 2
    @M1sf3t So I'm kind of curious, why are those libraries considered to be not good anymore? They were really popular for a time and then it feels like all of a sudden it's like they were hit with the plague.

    I'm coming from a mainly back end environment so when I need to write some UI stuff I use some libraries I've used before, front end just isn't my thing. Like I'm currently writing an app and it's using jQuery, it speeds up my front end development by a bit, and I don't have to go worry about learning a new library.

    Unrelated question, why does front end go through a billion libraries and frameworks so fast?
  • 0
    I must say seeing everyone’s comments is very informative.
  • 2
    @cloudsxvx Drawing something and then coding it is a bad idea. That's the traditional Photoshop to HTML workflow with the ideal of being "pixel perfect". That's the mindset of print designers who don't get the web.

    The problem is that stuff must be responsive and fit a myriad of devices. Also, users over 40 may have set a bigger font that you anticipate. Which is why you don't even do your dimensions in PX, but in EM or REM, and relative to 100% (which can be user defined).

    Next, the website should be primarily usable, not primarily pretty in the sense of bling-bling design.

    And accessible, which starts from semantic HTML (aka HTML how it has always been meant) because that's what screenreaders are based on, plus colour contrasts.

    Here some links:
    https://www.nngroup.com/articles/
    https://webaim.org/
    https://wave.webaim.org/
  • 3
    And yeah, jQuery is superfluous because native JavaScript has evolved a lot so that you don't need jQuery anymore. It's just a performance hog these days.

    Also, Bootstrap and actually every CSS framework is stupid shit because it's polluting the HTML with presentational classes and basically abusing CSS to re-introduce the mindset of the dark HTML 3 era.
  • 1
    I’ve read something about designing, rather than libraries or something, so I’ll suggest some I used and quite liked to design with.

    - Adobe XD
    - Sketch

    But as the others say, it’s not the real intend to use the design to later code with it. It’s a useful tool to show the client what it _could_ be like.

    But I think Sketch is still useful to prepare things like SVGs and later animate them in-code, or whatever.
  • 1
    What is the meaning of life.
  • 1
    You need something with a CPU and some RAM, although you could probably just do it with regular pen and paper.
  • 1
    @ostream I just got the MacBook Pro
  • 2
    @cloudsxvx so if it's screen design software you need. Here are some.

    If you work in a team of designers and collaboration and cross plattform is important www.figma.com

    If you want to prototype complex protypes with code (if you like).
    https://www.framer.com/

    And the bread and butter screen design tool on mac. https://www.sketch.com/

    And another screen design tool
    https://www.invisionapp.com/
    InVision | Digital product design, workflow & collaboration

    And Adobe XD is included in the adobe creative suite.

    And facebooks Origami uses visual programming with patches to create complex prototypes that even can read from databases.
    https://beta.origami.design
    Origami Studio

    And if you want to animate micro interactions (like for example a successful transaction response).
    https://principleformac.com/
    Principle for Mac

    You see lots of tools to choose from. I like sketch and figma best.
Add Comment