2.2 WireFraming

Screens pulled from the app in order of usability: 1. Start Screen, 2.Main Profile Page, 3.Personal Chart, 4.Friend List, 5.Friend Compatibility Chart

The Flow of it

  1. Login Page.
  2. Your profile, with a small summary of your pros and cons for the day.
  3. Your personalized Natal Chart.
  4. Your list of friends, also on the app.
  5. The compatibility and contrast between your chart and your friends’.

UI Time

  • Scroll Bar on the Bottom to show the limit of the page
  • Micro-Scroll bar on the top to show the screen the user is on
  • Text for Buttons that indicate both the sections, sub-sections, and calendar dates
  • Tailored Icons to depict Astrology Signs and Symbols
  • Tailored Images to represent aspects of charts.

The Wireframe Building

Paper Rendering of the Wireframe
Sketch Rendering of Wireframe

The Prototype

The Learning

--

--

--

Creative Unicorn. *She exclaimed ever so modestly*. UX·UI and Brand· I solve stuff through communication. I don’t always succeed.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Designer UPVC Windows in Devon #uPVC #Window #Suppliers #Devon https://t.co/yclIct3LDo

Lessons learned in my first year as a User Researcher

Two people gesturing towards a laptop screen.

Behance and Dribbble: Finding the Best Platform for Your Work

Conversation in digital design and why designers should all read Erika Hall’s Conversational Design

Memory Foam Mattress BuyersIntroduction https://t.co/aFOBwBNC1I

A New Way to Collect, Organize, and Search Design Assets to Make More Productive with Eagle App

Inspirational dropdown menu examples: web and mobile

Introducing a new way of Learning Through Podcasts

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nicole Navarro Carrera

Nicole Navarro Carrera

Creative Unicorn. *She exclaimed ever so modestly*. UX·UI and Brand· I solve stuff through communication. I don’t always succeed.

More from Medium

What am I doing awake in the middle of the … distress?

The ethical process in terms of moral autonomy.

Where are all the “good” designers?

Icons, Indexes, Symbols.