What Are Wireframes and How to Use Them Effectively?
A wireframe is a diagram or a set of diagrams that consists of simple lines and shapes representing the skeleton of a website or an application's user interface (UI) and core functionality. Get a more in-depth explanation of what UX wireframes are, what they look like, and how they can benefit your team.
So this looks like flowcharts reborn. SO I'm game. I think I'll build a flowchart of... well?
Still looks like reinventing the wheel on org charts. Remember the PowerPoint slides? Then Google slides? We can totally reinvent this though. What would I use it for? Skeleton of ..
Oh!
Cooking / Baking. How about the inventory of my pantry?
How about the inventory of my basement storage?
Not that, but this:
"Application's user interface (UI) and... core functionality"
User Interface (UI) means what they see vs. what I see when I make it. Curiously, there are top ten lists of websites that do this and more:
https://www.mockplus.com/blog/post/design-inspiration-sites
Ok, skimming through a few of these, I found Lounge Lizard. Of course, that was my favorite. Cocktail being the key, last word... I like making, sharing and drinking them. SO I'll take that one on an break it down.
https://www.loungelizard.com/?utm_source=10bestdesign
Reading through, I like the disability management icon (being disabled myself, although, not fully, scrolling is better some ways than others.) SO - - check this out. It's like Asgard on crack!
Random but head in the clouds. Lofty, but the ring reminds me of the old Vtech phones for answering with a headset in a call center. Turns out, it's for a call center / data center set up! Yeah perfect!
Lots to learn on UI. Branding. I digress.... ON to Wireframes.
Today I learned there are Low-fi and Hi-fi wireframes. First one's basic - brainstorming level. Second one is for producing or explaining an action. Today I was "nerding" out on some spiffy wordage about Spanners or moreover, how engineer design teams work through solving a problem. Check this out and read on... I put a link in it!
Some IT guys said once, "Make hard changes easy. Rather than change four places in the code, introduce a helper function (a little at a time, natch) so you can change one place." I like it! (dude is super chill)
Then All of a sudden, pure understanding from a picture:
In the end, a lot more than Wireframes ^ was learnt today. Could just call them diagrams, but no. Flowcharts is recreating the wheel. Right? No? Free world to comment or email me here: dewhickeryg@gmail.com
