Blog Posts and Summaries on Design Thinking
I think CSS grid is the future of CSS for the foreseeable future because it allows significantly more flexibility for responsive web design than flexbox while being extremely easy to use. While most things can be accomplished by using either flexbox or grid, with grid you can simply specify where you want an element to... Continue Reading →
I use flexbox in many of my web design projects because it is an industry-standard method of organizing elements in a way that can be modified and made responsive. The most notable use flexbox in my project, however, is within container elements in which it is most important that wrappers are centered horizontally and vertically... Continue Reading →
Image size is very important when it comes to web design. Because server and internet speeds are limited, the amount of information a browser can serve to any given user is limited by the size of the included files. If a site contains many large images, it will take significantly longer to load than one... Continue Reading →
Units of size can be relevant to the browser size. For example, when defining element sizes like width and height, to make them responsive, you don’t need to change the fixed values with media queries. Instead of manually changing the size depending on the browser size, you can simply use units like percentages or viewport... Continue Reading →
Fonts and text chunking are extremely important when it comes to site usability and legibility. Text chunking is the practice of breaking up text segments to convey information relevancy to the user and aids users’ in other subtle ways. Apart from making text significantly easier to understand, it also helps users digest the information. As... Continue Reading →
While creating my final draft of the app, I gathered feedback on how I could drastically improve the overall experience of the app with visual cues and continuity. Because I was nearing a final product, I was focused primarily on making sure that the experience I created for users was as seamless as possible to... Continue Reading →
While designing the final iterations of the app, I reviewed peer feedback and best practices for how to improve what I had come up with. Some of the feedback I had received looked at how to best organize the content on the home screen – the main hub for most users. After asking peers... Continue Reading →
Going into the visual design, I created a system of colors and icons that communicate different important features of the app. The existing app uses a very plain purple that feels cheap and does not add to the overall experience. In addition, several of the icons are overcomplicated and outdated. The overall trend includes needing... Continue Reading →
After creating a map of the data included in the Tablelist app while creating the information architecture, I found that there were several other pages that I had not considered before. By organizing pages on their accessibility from any given page, pages can be sorted by top-level navigation which can be clicked from the homepage,... Continue Reading →
After going through the pain points users from the existing Tablelist app, I was able to better organize the information presented so that the core functions would shine more clearly through the noise. To do so, I created the information architecture to map out how each page corresponded to each other and make the entire... Continue Reading →
QU Design Blog 