Web design

What constitutes good design? Not just what looks good Innovative – refreshing Intuitive – self-explanatory design Practical – functional Solves a problem / answers a question Solves said problem efficiently Make it minimal

Favorite Design Elements & Critique of Website Discussion Favorite Design Elements & Critique of Website

The process

Beginning the Project Summarize Project Goals Target Audience What do you want to convey? Brand messages Emotions Competition

Project Scope Timelines & Deadlines Efficient communication with clients and coworkers Gantt Charts may be used in industry

Wireframing & Prototyping Basic & Simple Develop ideas Mapping of content

Visual Design Depends on branding Images Color schemes & pallets Logos Fonts (Entire Typefaces in most cases) Convey their identity This process can take a long time May be repeated often

How flexible is this process? Depends on what you’re doing General rule of thumb: The more high-profile/risky the project, the stricter the design process Don’t skip wireframing!! Unless it’s an easy homework assignment Hamburger/Sandwich Critique Something to improve Something that is good Something else to improve

UI & Ux

They’re different? UI User Interface Aesthetics / Presentation Interactivity – tangible elements UX User Experience Functionality and efficiency Clarity Minimalize tasks for the user – ease of use 3-click rule, 5 second rule, etc. etc. They compliment each other

More examples https://www.youtube.com/watch?v=Y6ZZiF1XVac

buzzwords

You might’ve heard Responsive Website/application renders aesthetically on all device widths/screens Dynamic Information rendered on a page dependent upon user inputs/selections Brought it through database interaction “Above the fold” Todd used this the other day Anything above the bottom edge of the screen Parallax scrolling Content on top of a background scrolls with the screen faster than the background does Pretty cool effect

You might’ve heard Library Chunk of code that you can call from your own code, to help you do things more quickly/easily Can be a collection of functions or objects/classes Plugin Like a library but on a smaller scale, more specific to particular tasks i.e. slick.js makes carousels and nothing else Framework Collection of libraries collaborating within a pre-structured directory format for efficient development May direct flow of data for your application Very specific uses i.e. Ionic builds mobile apps and that’s it

The next step

Our Next Project We got options Food Catering Service An existing IUPUI webpage Real opportunity: Roller skating rink business (design only) What technologies would you like to see us potentially use?