
Hi, I’m Brian Dys — a photographer from the inside looking out · a composer entangled in electronic music · a UX designer · a spouse, a parent, & everything in between.
As an exercise on Front-End Development, The UI Team took a screenshot from instagram.com and treated it as if it were a design mockup.
We then proceed to deconstruct its Structure and Skeleton (Elements of UX) thru Information Architecture, Interaction Design, Information Design. The knowledge that arose in this deconstruction was used in building the HTML and CSS.
See the Pen RE:Creation: Instagram by Brian Dys Sahagun (@briandys) on CodePen.
We, as Visual Designers, have experienced how time-consuming it was to build the Front-End of a design mockup basing only on a simple image.
The Design Handoff warrants to have more than the Brand Guidelines, Style Guide. It must also have some form of Information Architecture and Interaction Diagram that could greatly make Front-End Development faster.
HTML could accommodate Intentions Oriented Programming (IOP).
IOP is based on intentions rather than constructs.
Code could be validated but a deeper level and meaning depends on the intentions of the programmer.
I had the privilege of sharing about Organic Growth and UX with the IdeaSpace 2017 startups. This was a meetup event by Voyager DX (digital transformation).
I am re-reading the book The Elements of User Experience by Jesse James Garrett to update and realign myself with the basics of my design work.
My primary goal is to establish a system that could aid in producing visual designs that are anchored to an abstract entity such as an Information Architecture document. Could this be possible? We will find out in this journey as I modify and add to this knowledge.