DESN 247: Intro Web/Experience/Interaction Design, Fall 2019, Millersville University
Course Description: Focuses on the fundamentals of user-centered design and usability issues surrounding Web-based interfaces (Internet, PDA, cell, etc.). Examines information architecture models, content/design relationships, user behaviors, and user testing scenarios. The goal is ultimately to develop an awareness of the pitfalls of poor design and usability while honing good design habits.
App Development | Project 1 |XD APP PROTOYPE Devlopment
After developing my app slides/slices I then proceeded to create the animated prototype that would connect all the slices to each other. I chose to do this in Adobe XD because I could easily import my Illustrator Artboards into the Adobe XD Prototyping software. After I imported all of the files, I proceeded to organize…
App Development | Project 1 |Final Critique & Comments
Final Critique & Comments Is there correct contrast or does it feel like a print design? I believe so, I created this app using the correct color modes but I also designed it so that all the app files can be easily converted to a CMYK print design mode for use in publications and adds.…
App Development | Project 1 |Final Presentation Gallery
For the final presentation, we were tasked with the creation of an 11″ x 17″ InDesign document that would act as a style guide/ideation book for a user to understand how the app would be built. In the gallery below is my ChatJoy Presentation guide. It was only required to show how an app was…
App Development | Project 1 |Full Color Gallery Edition
So in this blog update you will get to finally see what i kept hidden; the actual text and body copy of the app and the screen slices. To be honest I created a large amount of screens mainly since this project was originally meant to be done as a partner project but as my…
App Development | Project 1 |Progress Update 4 – COLOR!
Houston we have color! In this update, I reveal the color updated version of the app using my style guides color swatches. I will repost my style guide below along with the color overview. See my Special Edition update this week to see the gallery of Color detailed app slide/slices. As a special treat to…
App Development | Project 1 |Style Guide UPDATE & Progress update 3
Style Guide Upgrade Unlocked As working thru my font layouts I realized that my first choice of font-family was wrong. Corporative was not working at my original smallest function character size so I started to research what the predominant chat communities used for their apps. I found that the font-family was used was called Montserrat.…
App Development | Project 1 |App Icon Development & Progress update 2
App Icon Development “The business of all scales and types have to compete in their niche markets. Therefore, they need marketing strategies to overcome the hurdles created by rivals. A memorable business logo design becomes a handy tool for business owners for driving customers. A unique logo design is perhaps the most visible element of…
App Development | Project 1 |Progress update 1
Progress update The weekly task is to: Begin to design BW screens (10-15) in illustrator. Finalizing type, spacing, buttons size, and overall layout before creating these Black and White Screens I first established a style guide that will be referenced later in this blog again when I am asked to create on in the future.…
App Development | Project 1 |Wireframes & Marvel App Presentation
Wireframes In preparation to start the creation of the main app body, the class was required to create a number of wireframes to help develop our ideation process of the creation of our app so I created what could be called “the canopy” of my flowchart tree. These nine wireframes would then be digitally animated…
App Development | Project 1 |App name Selection / Basic Flowchart
Stage 1: Listing of Possible App Names. Stage 2: Limiting of the list to 24 choices Stage 3: 24 to 6 App names / iconography Basic Flow Chart I originally made an annotated flow chart in my sketchbook but since it was made using foreign symbols and my personal shorthand abbreviations; I created a digital…
App Development | Project 1 |User Personas
The Definition of a Persona is: “Personas are fictional characters, which you create based upon your research in order to represent the different user types that might use your service, product, site, or brand in a similar way. Creating personas will help you to understand your users’ needs, experiences, behaviors, and goals. Creating personas can help…
App Development |Project 1 Elevator Pitch
Elevator pitch for the app development | project 1
App Development | Project 1 | App-Discovery
Selection of topic and problem resolution of the app development stage. Entry 1 of MU App Dev Project 1
Follow My Blog
Get new content delivered directly to your inbox.
BattleTech Designs 