Amaterasu

Validation. Book is written about deep seated validation. Don't wanna finish it. Ack. 

Yeah nope. Don't need this one. Ugh. Back to fiction for fiction's sake. 

Look Ma, I'm learning... Wireframes?

 

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