Logo
  • About Me

IXD304 – Making More Changes

Changing the Nav bar and adding Symbols

During the main user test of my prototype, I realised that having something to signify that text can be hovered over would be a good idea. This is something I included in the last screen of my prototype by changing the colour of one word within a paragraph. The issue, is that you can’t do this on Webflow.

I decided that including a couple of asterisks (they look like little stars in my chosen typeface [Mina]) in front of interactive text could be a good way to do it.

 

For example:

 

 

I also realised, as I conducted a quick, final user test on my website, that having a “Next” button in the nav bar made this confusing for the user. I watched the user wonder what to do to continue, and instead of scrolling down, they clicked the next button in the nav.

I have a “Click here to continue”  button that appears at the end of each page, either after you scroll down, or have read the text shown. If you don’t wait to read the text and see this come up – then I can understand why you’d be inclined to click “Next”.

Because of this, I have decided to remove the next button from my navigation bar. It was never really necessary anyway because of the call-to-actions included on every page.

I am, however, keeping the “Previous” button in the nav, as I think it would be good to have the option to go back a page in case you missed something, or want to re-read just that page rather than going back to the start.

 

Old Nav Bar:

 

New Nav Bar:

 

I also decided to move the buttons around a bit so that the ones linking directly to the narrative part are together, and the crew button is separate. I thought this made a bit more sense, and differentiates the “crew” page from the rest.

 

 

April 25, 2022   Nicole
IXD304, Uncategorized changes, ixd304, making changes
×

  • IXD303 – Some New Screens
  • IXD303 – Component Library

Leave a Reply

Cancel

  • (will not be published)

Recent Posts

  • IXD304 – Final Submission
  • IXD303 – Final Prototype and Screens
  • IXD303 – Usability Tests
  • IXD303 – Component Library
  • IXD304 – Making More Changes

Recent Comments

    Archives

    • May 2022
    • April 2022
    • March 2022
    • February 2022
    • January 2022
    • December 2021
    • November 2021
    • October 2021
    • September 2021
    • May 2021
    • April 2021
    • March 2021
    • February 2021
    • January 2021
    • December 2020
    • November 2020
    • October 2020
    • September 2020

    Categories

    • Book Thoughts
    • IXD101
    • IXD102
    • IXD103
    • IXD104
    • IXD301
    • IXD302
    • IXD303
    • IXD304
    • Pocket Profiles
    • Uncategorized

    Meta

    • Log in
    • Entries RSS
    • Comments RSS
    • Ulster University

    Pages

    • About Me
    Copyright © 2022 Nicole Picton, powered by Wordpress   PR News
    Skip to toolbar
    • Log In