Primary Tasks:

Persona, Wireframes

Background

A website redesign was needed for an organization which provides resources for stroke survivors and their loved ones. The existing website was created as a platform to share the organization founder’s story and show a few featured videos. A redesign was needed to address the needs of the users: a site which provided resources and tools for its users in a maximumly accessible interface. Stroke survivors often face motor, communication and language processing skills.

Navigation has to be usable, and navigation elements should be large to accommodate those with limited motor skills. Photos or icons would be included with link buttons, to reinforce text labels to aid comprehension of those with aphasia, which makes reading comprehension difficult or impossible. Main content needed by stroke survivors would be accessible directly from the home page.

Persona

One persona was created after doing research on the particular needs of stroke survivors. User testing wasn’in the scope, and I thought it was vital to the project’s success to do one or more personas in order to better understand and address the accessibility needs of the users.

Mobile-First Wireframes

Mobile-first is the way to go—and more so in this case. Since some users might have severe motor impairments and/or be confined to a bed, the site should be accessible and all functionality available from whatever device the user is able to use. I created wireframes for four display sizes: phone-portrait, tablet-portrait), tablet-landscape/small display and large display. Below are examples of the home page wireframe.

Home: Phone – Portrait


Home: Tablet – Portrait


Home: Tablet – Landscape / Small Display


Home: Large Display