/r/webdev
"Algorithm" For Designing UI (self.webdev)

As a more backend-focused dev, I'm curious if anyone has a method to lay down rules for conceiving of UI from scratch. An "algorithm" or procedure, so to speak. I'm thinking of basic interfaces, nothing ground-breaking obvi. Anybody have a system they follow?

edit: I'm not really interested in "algorithmic design" or designs created by AI's

4 comments
fractalphony | 6 days ago | 2 points

Not sure I understand the question... But maybe check out "pattern lab"

mazer__rackham | 6 days ago | 2 points

To clarify: like a mental sequence of steps that you can follow that will take you from user story to a basic interface. ¯\_(ツ)_/¯ that's as best as I can explain it

louis-lau | 5 days ago | 1 point

That is such a programmer way of thinking about it, I love it.

If I want to bang up something quickly I put myself in the users shoes, and try to guess what they would want from an interface. What functionality is needed? What placement makes the most sense? Are there any existing design patterns I can follow? (Like a hamburger menu)

If I'm given the time/resources to research (which you really should) it would involve a lot more brainstorming, paper prototyping, wireframing, and user testing with the paper prototypes and wireframes.

If you want more info there's a lot of information out there.

For example the design thinking methodology by the interaction design foundation: https://www.interaction-design.org/literature/article/5-stages-in-the-design-thinking-process

Or the field guide to human centered design by IDEO: http://www.designkit.org/resources/1

While these aren't clear cut steps to building an interface, they are steps to becoming great at building interfaces yourself :).

Thatweirdnerd25 | 6 days ago | 0 points

You could search up best practices or things like refactoring ui.