Hi! I'm Bryan Elias Hull and I’m currently the Department Head of Digital Publishing and an Assistant Librarian at the Eccles Health Sciences Library at the University of Utah. In 2020 I graduated with a master's degree in Instructional Design & Educational Technology from the Department of Education at the University of Utah.
INSTRUCTIONAL DESIGN & EDUCATIONAL TECHNOLOGY
Instructional Design is the field dedicated to analyzing, designing, developing, implementing, and evaluating technology-based instruction in educational contexts. Ideally, instructional design should be a collaborative development process, incorporating subject matter experts, sound theoretical foundations of learning, and extensive user experience design work.
Educational Technology describes technology-based learning environments in which learner needs and goals are met with and supported by technology. I'm a firm believer that incorporating technology for the sake of incorporating technology is typically detrimental, and technology should only be utilized when it makes a learning environment more effective.
One of the most common instructional design processes, ADDIE stands for Analysis, Design, Development, Implementation, and Evaluation.
I have extensive knowledge of adult learning theory in order to develop more engaging, useful, and long-lasting instructional materials.
Successive Approximation Model in instructional design is a highly flexible and iterative design process for quick preparation, design, and development.
I have nearly a decade experience in developing easy-to-use and stimulating user experiences for both online and live applications.
Prototyping is one of the most impoortant parts of the development process including low-fidelity prototyping, user testing, and high-fidelity prototyping.
Part of the prototyping process, user testing allows systems to be evaluated for efficacy at each development stage. From ideation, low-fidelity prototyiping, to deploying the finisehd product.
I have a decade of experience in leading and managing the development of easy-to-use user experiences for both online and live applications.
AGILE is a collaborative and flexible project management strategy for effectively completing projects in a timely manner. Development and testing is critical in this model.
I have taught numerous wokshops and one-off trainings for creative software and technologies in the academic library setting.
One of the mainstays in the instructional design field. I've created numerous Captivate projects examples of which are located below.
A newer, more flexible and robust instructional design software, Articulate is my preferred development software for trainings and other trigger based web-apps. See examples below.
INSTRUCTIONAL DESIGN & EDUCATIONAL TECHNOLOGY EXAMPLES
This capstone project was created for the University of Utah's Dream Center, to train high school counselors and advisors on working with undocumented students who wish to attend college.
The capstone for my Instructional Design Professional Certificate I received in 2018. This project was created in Articulate Storyline 360 and features video edited by me and voice over recordings to demonstrate my Articulate development skills and audio-visual editing.
This web application demonstrates the utility of Articulate Storyline beyond simply creating educational modules. For this example, I wanted to create a way finder for the technology hubs at the Eccles Library that could be displayed on a large, touch screen for patrons to use to find library tech.
Created for a class project, this module demonstrates my technical skills with Adobe Captivate including templating and using scripts and triggers.
Created as a demonstration piece, this module incorporates basic Adobe Captivate functions as well as video production.
DIGITAL PUBLISHING
The Eccles Library Digital Publishing service supports the activities of the University’s faculty, researchers, students, and library staff by publishing, organizing, displaying, preserving, securing, and providing access to digital resources. The Digital Publishing site provides access to information, including scholarly output, curriculum support materials, digital collections, historical records, and other digital objects that provide enduring value for scholarly endeavors.
As the program manager for Digital Publishing at the Eccles Health Sciences Library, I work extensively in archives, digital publications, open-educational repositories, and digital exhibitions for the University of Utah and partner organizations.
The overarching goal of digital publishing and preservation is to create long-lasting and useful archives for future scholarship. This includes archival practices for digital collections as well as preservation of physical artifacts.
One of the most important skills in digital publishing is collection development strategies. This encompasses all facets of the process including managing physical objects or born digital items, through developing collection parameters including metadata and digital asset management platforms. The ability ot effectively and efficiently manage objects and data is paramount to this work.
The name for platforms and products that house data and objects. I've utilized SOLR, Phalcon, ContentDM, YouTube, Kaltura, and Wordpress for various collections both individually and in tandem with others.
I have worked extensively in digital preservation for physical artifacts with an emphasis on preserving digital media such as photographs, video, and audio recordings.
Digital Publishing encompasses the field of digital preservation, collecting, and disseminating scholarly works. Additionally, I've worked on several born-digital and peer reviewed journal publications.
I have eight-plus years of experience with metadata and description for collection purposes.
One of the most encouraging parts of digital publishing is creating freely available, curriculum based, repositories of educational materials and resources.
DIGITAL PUBLISHING EXAMPLES
A unified platform, built on Wordpress, unifying all Eccles Library collections in one location. Built on the premise of easy browseability, this website acts as a clearinghouse for collections housed on various digital asset managers and exhibitions. As program manager, I oversaw the development of this website by our web team and the collection development by our digital publishing team.
NOVEL (Neuro-Ophthalmology Virtual Education Library) is a discipline-specific, open access repository of digital materials (images, video, lectures, articles and animations), to be used for educational and research purposes by health care professionals, educators, patients, and students. NOVEL is a collaborative project between the Spencer S. Eccles Health Sciences Library, University of Utah, and the North American Neuro-Ophthalmology Society (NANOS). I have worked extensively on this project in tandem with my colleagues at the Eccles Library.
The CORE is a curriculum based repository of educational materials on ophthalmologic practice and care, optimized for dissemination. Content for the CORE website is selected from Moran’s 7,000+ yearly ophthalmic surgeries and more than 100,000 patient visits each year. More than 250 resident lectures, given during the first two years of residency will be available for CORE users, as well as many of our Grand Rounds presentations—as learning and reference tools.
I worked extensively on this project from the very beginning collection development stages to the current maintenance of the website. We utilized Wordpress and YouTube as our primary asset managers for ease of use, shareability, and discoverability.
Beginning as a simple digital preservation project, UtahDERM morphed into a clinical image viewer for dermatology built entirely from scratch. I oversaw all aspects of the project from managing the project, metadata gathering, prototyping, asset management, and ultimately deploying this significant open educational repository.
Developed by the Eccles Library Web Team, these digital exhibitions are a standardized, "plug-and-play" display of collection items with informational text. Ideal for collections, individuals, and programs that require more context or historical background than a digital collection may provide.
WEB DEVELOPMENT
As a boneafide millennial, it's no surprise that a shocking amount of my life has been spent online. Since 2003, I've built and managed numerous websites for a variety of purposes. Since 2011, I've worked professionally on creating and managing websites including this one you're looking at!
My strongest skill in web development is front-end design with HTML5 and CSS. This website is an example utilizing HTML, CSS, JavaScript and Bootstrap.
My strongest skill in web development is front-end design with HTML5 and CSS. This website is an example utilizing HTML, CSS, JavaScript and Bootstrap.
A skill that I am very rudimentary on but work on learning none-the-less. This site utilizes JavaScript for some fun effects (top button, fade-effects on icons, and these pop-outs!)
This site utilizes the Bootstrap framework for mobile responsiveness and general design elements.
The most commonly used website management platform, WordPress has become ubiquitous in web development and management. I've been using WordPress as a website platform for almost ten years.
Color, font, spacing, and contrast are some of the most important considerations when developing front-end web presences. Those four aspects are what I focus on when creating a new website.
WEB DEVELOPMENT EXAMPLES
I developed this portfolio (and entire website) utilizing HTML, CSS, BootStrap, and some JavaScript to demonstrate my web development skills. I chose to utilize white gradients for the background, bright color gradients for emphasizing important site elements, and a strong visual contrast with Josefin Sans and Merriweather font families.
An informational website for SaltCycle-Kestrel Wellness, an amateur cycling team in Salt Lake City. The website was built on WordPress with pre-built themes and plug-ins.
An informational website for RINS, the Raptor Inventory Nest Survey, a 501(c)(3) non-profit focused on nesting birds of prey in Utah. The website was built on WordPress with pre-built themes and plug-ins.
A full-page, scrolling magazine style website chronicling my project to ride every single street in Salt Lake City. The site incorporates parallax stylings, light box for images, and a color scheme inspired by the new flag of Salt Lake City.
USER EXPERIENCE DESIGN
User experience and design is one of the most important foundations in the work that I do. If a user can't easily, seamlessly, and intuitively interact and understand the content and system then more work must be done. Before reaching a final product it's important to continually prototype and make iterative changes starting with low-fidelity prorotypes, working towards more elaborate and functional high-fidelity prototypes. Finally, even a finished product must be subject to extensive user testing before a final release. While time consuming, the information gleaned from this deliberate process reaps rewards down the line and I am a firm believer in this process.
The overarching goal of all the skills listed on this portfolio is to create an exceptional user experience. Creating visually appealing platforms with ease of functionality as the root of the interaction between user and system is paramount.
Integral to creating exceptional user experiences is prototyping. From low-fidelity prorotyping with paper and pencil, to more elaborate high-fidelity prototypes with Adobe XD, the insights gained from a robust prototyping process is invaluable and a crucial investment on any project.
Similar to prototyping, without user input and testing, you're not designing with the user as your focus. User testing at all prototyping stages allows you to glean valuable insight in the interaction between user and system. I've worked on conducting numerous user tests in order to inform the prototyping and system wireframing processes.
Being able to get the 'big picture' when designing a system is an invaluable resources. Imagining the ways a system interacts and manages it's interactions with users and data, wireframing allows you to build the framework of your system before development.
I've been working with visual design since I first started using Photoshop in 2005. While not formally trained, I've always had a knack for clean, visual aesthetics.
I've utilized Adobe XD for several high-fidelity prototypes as demonstration pieces before development.
Photoshop and graphic design skills are crucial for creating user centered designs. I've used Photoshop since 2005 as my primary tool for design.
Illustrator is also a helpful tool for creating UX designs and other graphics.
USER DESIGN EXPERIENCE EXAMPLES
The Utah Dermatology Education Resources and Modules project began with a collection of 12,000 kodachrome slides depicting various dermatologic conditions being donated to the Eccles Library. The collection was then digitized and the idea to create an open educational repository based off the slides was born. This low-fidelity prototype showcases the beginning stages of designing the "slide viewer application" that would serve as the basis of the resource.
After creating the low-fidelity prototype and testing with dermatology residents, the protoype was further refined in Adobe XD. This prototype was meant primarily as a demonstrative piece, as opposed as a fully "functioning" prototpye for user testing. However, the user testing from the low-fidelity was crucial for the development of this high-fidelity prototype.
To further prototype closer to a finished product, I developed an HTML/CSS/Bootstrap prototype in order to give our web development team a head start on building the working product. This high fidelity prototype was based on the Adobe XD prototype developed earlier.
This prototype illustrates a custom outline interface for a professional medical society's curriculum. The curriculum utilizes a card functionality to link to references and resources related to the topic with practitioner skill levels as a sorting function.
VIDEO PRODUCTION
I have been involved in numerous video production projects. Encompassing almost every aspect from set-up, lighting, recording, audio engineering, to editing and post-production. With photography being a hobby of mine, I take special interest in the video recording aspect and making the viuals as attractive and effective as possible. I especially take pride in the fact that for many of these video examples below I had to play every role in order to accomplish the final product.
I also spearheaded the Tree of Hippocrates Education Studio, a multimedia creation space for students, staff, and faculty of the health sciences campus. THE Studio empowers users to create better instructional materials for their classes, schoolwork, and special projects.
I've recorded several hours of content and have experience in lighting and set-up for video shoots. Many times as a one-man production crew.
Recording live audio is possibly the most crucial aspect to recording. Studies have indicated that bad audio makes users tune out faster than bad video. As such, getting microphones set-up, correct levels, and minimal ambient noise is critical in the recording process. For more on my audio skills check out: Audio Skills.
Premiere Pro is my video editor of choice and a tool that I've been using since 2007.
VIDEO PRODUCTION EXAMPLES
Promotional video created in response to the Eccles Library COVID-19 closure. Created using various methods of recording by individuals and edited together using Adobe Premiere Pro.
A quick edit of hand-held footage I recorded on a camping trip through Southern Utah in August 2016. Edited in Premiere Pro.
An example of an instructional video for using a green screen. The video demonstrates editing camera footage, screen capture, and audio narration to create a seemless instructional video.
A for-fun video made for the Utah Library Association conference in 2017. Inspired by this Molson beer advertisement. I filmed and edited the entire segment, including cameras, microphones, and lighting. The content was created by the cast appearing in the video!
A welcome video recorded to introduce programs and services provided by the Eccles Library. Recorded in 4k with a Shogun 4k recorder. Audio and editing was handled by my colleague.
CURRICULUM VITAE
Last Updated: August 29, 2024
Spencer S. Eccles Health Sciences Library
Spencer S. Eccles Health Sciences Library
Spencer S. Eccles Health Sciences Library
Spencer S. Eccles Health Sciences Library
Spencer S. Eccles Health Sciences Library
Leads and supervises a team of three full-time and one part-time staff working on various projects and services in Publishing, Digital Collections, Archives, and Open Educational Repositories
Spencer S. Eccles Health Sciences Library
Managed a team of three student employees creating Spanish translations for a popular Eccles Library Digital Publishing video series