SkateHive / nextskateapp

https://skate-six.vercel.app
7 stars 14 forks source link

[Bounty] - UX Redesign for Adaptive Dual-Mode Login Screen on SkateHive #9

Closed sktbrd closed 3 months ago

sktbrd commented 5 months ago

Description:

SkateHive login screen, accommodating two login methods: password-based (via private key) and HiveKeychain authentication. The redesign should focus on creating a clear and intuitive interface that adapts to device type, presenting the most suitable login method as the default option based on whether the user is on mobile or desktop.

Requirements:

  1. Adaptive UX Design:

    • On mobile devices, the interface should prioritize the private key login as the default method, with HiveKeychain as a secondary option.
    • On desktop, reverse this priority by presenting HiveKeychain as the default and private key login as an alternative.
    • Design clear, intuitive toggle mechanisms or switches that allow users to easily choose between the two methods if they prefer the non-default option.
  2. User Interaction:

    • Ensure that the interaction design is responsive and provides immediate feedback based on the user’s selections.
    • Integrate visual indicators or animations that guide the user seamlessly between the login options, enhancing the overall flow and reducing friction.
  3. Information Clarity:

    • Include brief, understandable instructions or tooltips that elucidate the processes and implications of each login method.
    • Utilize consistent icons, color coding, and typography to reinforce user comprehension and decision-making.
  4. Device-Specific Considerations:

    • Optimize the layout and elements such as buttons and input fields to suit the ergonomics and usage habits typical of mobile and desktop users.
  5. Testing and Feedback:

    • Conduct iterative user testing sessions to evaluate the effectiveness of the login interface across device types.
    • Refine the design based on real user interactions and feedback to ensure maximum usability and satisfaction.

Evaluation Criteria:

Deliverables:


Bounty: 30 USD

webgnar commented 3 months ago

return to this later