Do all the things like ++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatarSign Up
heyheni2162343dInteraction Designer here.
could you further explain what do you mean and want/need?
C0D45914243dThat'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.
heyheni2162343d@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
vomitmachine42443d@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?
I must say seeing everyone’s comments is very informative.
Fast-Nop2841843d@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:
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.
010001111261743dI’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
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.
aviophile216943dWhat is the meaning of life.
ostream24843dYou need something with a CPU and some RAM, although you could probably just do it with regular pen and paper.
heyheni2162342d@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).
And the bread and butter screen design tool on mac. https://www.sketch.com/
And another screen design tool
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.
And if you want to animate micro interactions (like for example a successful transaction response).
Principle for Mac
You see lots of tools to choose from. I like sketch and figma best.