My name is Dhuel Fisher (Do-well). I was born and raised in Jamaica until the age of 18 when I moved to Washington D.C. to pursue my Bachelors of Science in Computer Engineering. After graduating, I continued my studies at the University of Maryland Baltimore County (U.M.B.C) where I obtained my Master's in Human Centered Computing. I now work as a mobile U.I/UX Designer at E-ISG Asset management.
My main interests lie in U.I./U.X. design with my current primary focus being mobile UI design. I am also a huge Harry Potter fan and I am willing to sit and have a chat with you about either anytime.
Here are a few of the projects I've worked on. My earlier projects are focused more on software development from my time as a Computer Engineering student but as time progressed and I grew, it has shifted closer to more UX/UI oriented projects.
Redesigned mobile UI of E-ISG's mobile application and rose customer satisfacting and experience.
Conducted a usability analysis of the Bookfusion app which resulted in the CEO making several UI changes to improve the user's experience.
Worked with clients to create a suitable style guide geared towards rebranding their company's image.
Wrote an in depth structured analysis and design of a proposed UMBC smart parking lot system.
Designed and coded the UI for an Android wear app ofr Capital One which provided users with access to banking information quickly and effortlessly.
Launched self maintaining kiosks using Centos 6 to provide university students with information on sports weather and news.
Here, you may find a few services that I offer. If you require any of these, you may contact me through the contact page with a brief description and I will contact you at my earliest convenience.
I will conduct an indepth usability analysis which will contain a competitive analysis, executive summary, user analysis, environmental analysis, task analysis, recommendations and any additional metrics that the you may need.
I will consult with the client anddesign a series of potential styles for the user from which they will be able to communicate the best design that fits their needs. A style guide will then be provided which will cover all aspects of the design and how to use it..
After gaining an understanding of the requirements, I will design either a high fidelity or low fidelity mockup for the user which they can then asses to see if they would like to have that design developed.
I will create a responsive interface in whichever environment the user desires.
Throughout my time as a Computer Engineer, I became very proficient in several coding languages. You will see that those skills have transferred into my web development proficiency.
I use JQuery throughout all my JS based coding projects to write functional, efficient code.
I am comfotable installing managing and maintaining wordpress sites.
I have two years experience in C++ Object oriented programming
I code frequently in Python and I am currently working on developing a stock market manager application which is visible on my github account.
I am proficient in MySQL databases.
Throughout my time in the working environment, these are adjectives that have been used to describe me.
The objective with this artwork was to create a logo for a environmental company named Arbol which focued on the company's love for the environment while only using a specific set of colors.
The importance of color design stems from the significance of color to the human mind. Color creates ideas, expresses messages, spark interest, and generate certain emotions. Within this design, a very specific color palette was used which strengthened the correlation between the business and its brand as an environmental company.
RGB: (159, 58, 33)
RGB: (96, 26, 26)
RGB: (243, 172, 47)
RGB: (25, 63, 28)
The typeface used in a design is very important. In some cases, it sets the tone for the entire design and can either add or subtract from the overall design itself. Within this logo design, the copperplate gothic light fot was used then manipulated using the direct maipulation tool in illustrator to give it a more unique appearance.
Before creating the final product, I made sketches to determine the layout of the logo as well how each element would play together. I first started by using the rule of thirds to split the canvas into three separate sections. I then added a point of focus to each of the sections which I wanted the user to be drawn to or to focus on. In the final two steps, I made the design more precice, edited the logo title and added more definition as well as colors.
Hermione's beaded Handbag
I was tasked with selecting a fictional interface, evaluating it as well as improving its interface personalized for a specific character. This document outlines the steps, processes and changes made to arrive at the final version of this project.This was done over 13 weeks each having a specific deliverable and/or a useful technique or experienceto be learned. Below is a summarized version of this process
The beaded handbag is a device used by Hermione Granger, a witch at Hogwarts School of witchcraft and wizardry. The beaded handbag is used to store several items such as books, tents, potions and anything that the user may need. It possesses an undetectable extension charm which extends the internal dimensions of the target object without affecting the external dimensions. This means that the outside of the bag will always be the same regardless of the number of items put inside. The bag acts similarly to a regular handbag and is worn around the shoulder or held in the user's hand. To interact with the handbag, Hermione has to put her hand into it and pick out whatever item she wants. Originally, there was no visual display for the user to interact with the object.
After selecting my context (Hermione's beaded handbag), I was then tasked with conducting an in depth analysis of my character (Hermione Granger) so that I could get a better understanding of her and create an interface geared specifically towards her. This entailed watching the Harry Potter movies as well as reading some of the books in order to gather as much information about Hermione as I could. An in class brainstorming assignment was also conducted and the information gathered from it was used to refine the analysis. Below are the different analysis that were conducted.
The user analysis looks at the user and tells us what we know and don't know about them.
What do we know?
What don't we know?
The task analysis outlines the different tasks that our user may conduct with the device (Hermione’s beaded handbag) and the actions required to interact with it.
During this part of the project, I conducted individual, group and other methods of brainstorming. The results from which were then used to formulate a design for the interface which would meet all the requirements or capabilities discussed. After conducting each of the methods, a layout decision was made using a combination of ideas generated in both the individual and the group brainstorming sessions. The screen would be palm sized, circular and placed on the flap of the handbag. To interact with it, the user will either speak or touch it and it would provide a visual feedback.
A low fidelity prototype is a prototype that is sketchy and incomplete, it has some characteristics of the target product but is otherwise simple, usually in order to quickly produce the prototype and test broad concepts. This aided in receiving a lot of useful feedback. To ensure that all or most of the interactions were accounted for, an in depth task analysis was conducted which went through a step by step process of each of the required tasks and assigned a screen from the low fidelity prototype to the respective task.
A medium fidelity prototype builds upon the knowledge gained from the low fidelity prototype and adds more design features such as a defined structure and color. Although the medium fidelity prototypes may look like complete designs, they do not have much if any functionality.
After completing the medium fidelity prototpye, more user feedback was acquired and changes were made to the design once more. Some of the changes that were made between the medium and high fidelity prototype are:
These and other additions resulted in the product below.
I created an empathy map which acted as a more specific user analysis which focuses on all the senses and feelings that my character would encounter while in a specific scenario. That information was then used to generate an empathy map diagram. This aided in understanding the feelings and emotions that the user would have while using the device.
A storyboard is a graphic organizer in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or interactive media sequence. As I worked toward video generation, storyboarding and script generation were the next steps necessary in the process. The storyboard developed created a backstory for our character as well as placing her in the environment in which the technology would be used while the script expounded on the visual queues provided. The completed storyboard can be seen below.
Finally, after storyboarding, script generation and user testing were complete, a more realistic storyboard was generated and made into a video. Play the video below to see tha final product.
Here are snapshots of projects that I have created and worked on. Please feel free to message me if you would like to find out more about them.
Designed and developed mobile application for E-ISG Asset Management.
Responsible for the design and development of the mobile UI application.Which includes creating wireframes, prototypes, testing, debugging, maintenance and addition of new features.View Website
Usability Analysis of Bookfusion application.
You may contact me at this number or email at most times during the day.