• We are STAs
    • Daniela Caballero
    • Leilani Cabello
    • Lorena Chiles
    • Marissa Devivar
    • Luisa Matzner
    • De’sha Bass-McClellan
    • Adrian McKee
    • Thang Truong
    • Carrie Wang
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Jaclyn Alford

Jaclyn Alford

Psych CE Slide Formatting

November 1, 2018 By Jaclyn Alford

Psych CE Slide Formatting

project: Psych CE Slide Formatting
Client /Prof: Prof. Kirsten Bradbury
completion status: Started Oct. 29th, 2018
staff guidance: Suloni, Emily
STA team members: na
description/plans: Format lecture slides for a 4 part series on self-care
To be completed: Nov. 9, 2018

 

 

Update:

Adding imagery to title slides and supplementary color with graphical elements and bolding.

Filed Under: 2018 Fall - 2019 Spring

Qualtrics Grade Passback Logo Design

November 1, 2018 By Jaclyn Alford

Qualtrics Grade Passback Logo Design

project: Qualtrics Grade Passback Logo Design
Client /Prof: LAITS
completion status: Started Oct. 30th, 2018
staff guidance: Suloni, Chad
STA team members: na
description/plans: “The current Qualtrics logo cannot be used since it’s a copyright image owned by Qualtrics. We need a new logo that communicates that this tool gives a grade in the Canvas grade book when a qualtrics survey is completed.”
To be completed: ?

 

Chad’s sketch:

Drafts:

 

Final Logo

With current Qualtrics logo; the uppercase “Q” symbol was discontinued by the brand.

Filed Under: 2018 Fall - 2019 Spring

Update on Things and Stuff

October 25, 2018 By Jaclyn Alford

Update on Things and Stuff (October 24)

UT Canvas App Store

project: UT Canvas App Store UI Design
Client /Prof: LAITS
completion status: Started July 27th, 2018, finished mockups, currently being coded on up by Sanika
staff guidance: Suloni, Marla, Chad, Andre, Chris
STA team members: Sanika! (CSS)
description/plans: Create page mockups for a new App Store for Canvas apps developed by UT
To be completed: October 2018

 

 

LAITS Computer Support Webpages

project: LAITS Computer Support Webpages
Client /Prof: LAITS
completion status: Started Oct. 10th, 2018
staff guidance: Suloni, Tim, Mike, Aiden
STA team members: na
description/plans: Create page mockups for more user friendly and self-help focused Computer Support UI
To be completed: October 24, 2018

 

Project Notes:

10/10/18 Meeting notes:
LAITS Computer Support Page(s)
https://liberalarts.utexas.edu/laits/services/computer-support/index.php
(Cascade interface)
typical user: faculty and staff
  • under stress (dealing with a problem)
  • usually under time constraints
  • need some encouragement to seek information
goals:
  • help users help themselves (my first action shouldn’t be to call)
  • make finding information clear and easy and efficient (i.e. clear, clean, obvious)
Help Channels:
  • phone
  • email (uses ticket system)
  • in-person visit
  • chat (not released yet)
General notes:
  • current page is more of an “about us”
  • pages aren’t concrete, can be changed
  • set of help guides in progress
  • FAQ in progress
  • no search function
My initial thoughts:
  • info/issues should be categorized into easily identifiable/understandable “buckets” (since there is not a search function)
  • most users will scan the page in search of a quick fix; the current canvasser pages inhibit this with the click-through/gamified help portal (thus making the user’s journey lengthier)
  • the help portal makes me feel like my answers are being hidden from me (i.e. I have a question, so why do I have to answer more questions before I get an answer for MY question?)
  • personally I think the ticket system is more rigid and that chat and phone would be more efficient so I think the current ranking of help channels that makes the most sense to me right now is Help Myself > chat or phone (equally helpful) > email > in person visit > contact someone else in LAITS/my needs weren’t met
  • current page ideas (3 levels of pages here):
    • a list/menu of issue categories (no problem to have around 30-50? of these) on a page
    • each issue category having its own page that houses many issue answers (utilizing dropdown/accordion styles)
    • a separate master list page of issues
    • Adobe Help does a good job of this: https://helpx.adobe.com/photoshop/user-guide.html
Next steps:
  • research (find some good examples of help pages; see what they do right and how those techniques can be implemented here)
  • create mockups of support homepage!
Support Page E.g.:
https://squareup.com/help/us/en
https://www.eventbrite.com/support
https://help.instagram.com/

Current home page:

First Draft Mockup:

List of items that link to new page:
  • 6 square buttons
  • type written in bolded orange (underlined on hover)
  • “Topic” buttons (button container becomes grey on hover)
Notes:
  • Tried to keep things as clean as possible
  • Colors used are in the UT Brand Guide: https://brand.utexas.edu/identity/color/
  • If this design were to go up tomorrow, the “Topics” section would be removed. All of the other content shown on the mockup is currently published on the site.
  • I placed contact info at the bottom of the page as to encourage users to search for the answer to their issue first/help themselves
    • i.e. while scanning the page, they might see the answer to their question
    • on the current site, the first thing the user sees is contact info (this might make the user halt their search and ask for help)

 

More Drafts:

Persian UI Update

project: Learning Persian Online Resources

Client /Prof: Anousha

completion status: Started June 21st

staff guidance: Suloni Robertson, Stacy Vlasits

STA team members: Kathy Vong

description/plans: create page mockups for a site that provides language learning materials (including audio and video)

To be completed: Before Oct.

 

Updates:
  • formatted the different categories into columns instead of rows
  • added all the unpublished content that was on Anousha’s mockup (media, lit, raha, and shyli)
  • updated uni nav menu–Hover on menu inverts the text and button color. This helps tie together the parent with the dropdown content.
  • description/blue overlay hover effect on each card
  • hover effect for links can be bolded + blue as shown on PIT Vol 1

Draft #1

Draft #?

Menu Dropdown

Card Description Hover Effect

Filed Under: 2018 Fall - 2019 Spring

Spring 2019 Online Courses Screen Ad and Flyer

October 12, 2018 By Jaclyn Alford

Spring 2019 Online Courses Screen Ad and Flyer

project: Spring 2019 Online Courses Screen Ad and Flyer
Client /Prof: LAITS
completion status: Started Oct 3rd, completed Oct. 18th, 2018
staff guidance: Suloni Robertson, Myra Gibbs, Marla
STA team members: na
description/plans: design a screen ad and banner (same style) using template to advertise online course registration for Spring 2019 courses
To be completed: Oct. 12th, 2018

 

 

Finalized Designs:

 

 

These designs were much cleaner and message-focused than previous Online Course announcements I’ve done in the past; this is due to my thought that students need to focus on the content, so the design needs to be straight-forward and professional (think of this as business-to-business advertising).

 

The cutesy elements of past designs I did were fun, but upon first glance, a student probably wouldn’t immediately recognize that it was about class registration; it could be easily mistaken for an organization announcement instead of a message from the university.

 

While these online course ad designs are mostly template-based, it is very rewarding to be able to re-visit them each semester with a new perspective thanks to my advertising courses!

 

 

For reference, here’s the first design I worked on for a screen ad

As you can see, the messaging is lost amongst distracting colors and rather campy graphical elements.

Great example of design choices made without backing them up with goals or reasons.

Filed Under: 2018 Fall - 2019 Spring

Finalized UT App Store

October 4, 2018 By Jaclyn Alford

Finalized UT Appstore Page Designs

project: UT Canvas App Store UI Design
Client /Prof: LAITS
completion status: Started July 27th, 2018
staff guidance: Suloni, Marla, Chad, Andre, Chris
STA team members: na
description/plans: Create page mockups for a new App Store for Canvas apps developed by UT
To be completed: October 2018

(Look at that lockup! Nice!)

Filed Under: 2018 Fall - 2019 Spring

Barchas Posters

September 20, 2018 By Jaclyn Alford

Jane Austen’s Library Fundraiser Poster and Map

project: Jane Austen’s Library Fundraiser Poster and Map Design Management
Client /Prof: Dr. Barchas
completion status: Started Sep. 12 2018, completed Sep 18, 2018
staff guidance: Suloni Robertson
STA team members: Duo
description/plans: meet with  Dr. Barchas to discuss design specs, relay info and direction to Duo, review and implement final edits to designs
To be completed: September 18th 2018

 

Task Description:

Hey  Duo!

We need you to design 2 posters for Dr. Barchas by Friday.

Context/Overview:
Dr. Barchas is using these posters to provide info about a Chawton House fundraiser at an upcoming conference. They will be large posters (about 3’x4′) so please keep this in mind when deciding type size!

Poster 1–Fundraiser Poster

Specs
  • psd or ai file
  • dimensions: tbd
  • portrait
  • upload draft pngs here and @ Suloni and I in the message
  • save as pdf and upload final design files into Box folder: https://utexas.box.com/s/fv6w4rb8lq0hl265pekjczrjpenplrk8
must be included:
  • Heading: tbd
  • Library card (tilted at a diagonal)
    • this graphic should take up most space on the poster (use this image: https://utexas.box.com/s/nml1jrf2v0xl8ixvll5oqjhtwhwxhe9ior scan actual card, which can be found by the scanner)
  • Date (incorporate this on the library card either digitally OR using the materials Dr. Barchas provided and scanning)
  • Location
  • logo: https://utexas.box.com/s/wm3xee4bqv4bysaikpcmb170gqpwxj6a

Poster 2–Garden Map

Specs
  • indd or psd or ai file
  • dimensions: tbd
  • landscape
  • upload draft pngs here and @ Suloni and I in the message
  • save as pdf and upload final design files into Box folder: https://utexas.box.com/s/8cmb40ilprxel7aw6tsw2wdtfq5d7l3z
must be included:
  • Heading: tbd
  • description of fundraiser: tbd
  • map graphic from indd file
    • you can keep working within this file (but know we will not be using the first page of the document), make a new indd file, or use another adobe product of your pref)
    • this graphic should take up most space on the poster
  • 20 roman numeral numbered circle labels that correspond with this pdf document: https://utexas.box.com/s/zcmjktgoe1f4gv12j2q1ajxw7fsxgk52
    • you can keep the design of the labels that are already in that indd file to save time–just move them & change them to roman numerals
    • Note for label 9 on the pdf: it will need to be placed below the original “1” label, not in the trees
  • logo: https://utexas.box.com/s/wm3xee4bqv4bysaikpcmb170gqpwxj6a
  • keep the Jane Austen quotes but change placement, remove all other text that corresponds with the key

 

 

Note: I really enjoyed meeting and working with Dr. Barchas! She was so passionate about this fundraiser and the project, and it was really wonderful that she was open to my design suggestions.

Filed Under: 2018 Fall - 2019 Spring

  • « Previous Page
  • 1
  • 2
  • 3
  • 4
  • 5
  • …
  • 11
  • Next Page »

link to LAITS home page

Video STA Home

© 2023 Liberal Arts Instructional Technology Services | Production Credits