Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add UI theme #44

Open
mxfactorial opened this issue Jun 28, 2016 · 0 comments
Open

Add UI theme #44

mxfactorial opened this issue Jun 28, 2016 · 0 comments
Labels

Comments

@mxfactorial
Copy link
Contributor

mxfactorial commented Jun 28, 2016

Because this project is a data science initiative, it's initial concern for the web client is producing buttons and forms that test positive for passing/receiving data as expected to/from the database. Therefore, the UI hasn't received much attention.

The task of adding a theme to the web client, screen by screen (beginning with the landing page), recognizes that a cosmetic overhaul is likely to attract additional contributors & test users. Current production environment links:
a. landingScreen = https://mxfactorial.io/
b. homeScreen = https://mxfactorial.io/#/home
c. transactionHistoryScreen = https://mxfactorial.io/#/TransactionHistory
d. The rest of the basic UI/UX can be viewed by opening the links to Google Drawing documents inside the Github issues: https://github.com/systemaccounting/mxfactorial/issues

mxfactorial theme: Just as with enough vertical distance a human's perspective is altered to the degree that it must reject a flat earth, mxfactorial offers a similar change in perspective of value & time: "locally flat, globally spherical"*.

  1. Crop the center of a sphere with a mobile-first screen (see mock and normal_surface_illustration.svg for viewer perception).
  2. Add sky-blue background.
  3. Add the equation, then rotate 30 degrees left to give it a 3D orientation inside the sphere.
  4. Conform the input fields, buttons, and forgot password link to the sphere's surface to give user's the experience they're conducting operations on the surface of the sphere.

Assets:
sphere.eps
sphere.jpg
mxfactorial.png

Eventually, the equation will rotate as users select buttons that spin the surface of the sphere to transition between screens (see Affine Connection wiki, the concept of Development, and rolling along a curve). Rotation of the equation is restricted within a fixed 0 < x < 180 boundary for non-transaction activity. The equation completes a full rotation upon completion of a transaction.

Pending approval of final version by @mxfactorial, complimentary-styled buttons, forms, menus, etc., is left to the discretion of the designer.

*_Note_: "globally spherical" admittedly redundant if the domain vs. shape distinction is ignored

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant