1. Web design

2. 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

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

4. The process

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

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

7. Wireframing & Prototyping
Basic & Simple
Develop ideas
Mapping of content

8. 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

9. 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

10. UI & Ux

11. 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

14. More examples

15. buzzwords

16. 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

17. 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

18. The next step

19. 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?