Design Patterns. There are a lot of design patterns.

Slides:



Advertisements
Similar presentations
LIS508 lecture 7 Thomas Krichel Structure of talk basic concepts customization follow and practice but PLEASE set things back Literature:
Advertisements

Building RADNUG8 – the windows 8 app Part 1 Matt
Visual DataFlex and Windows 8 Stephen W. Meeley Development Team Data Access Worldwide
ORGANIZING THE CONTENT Physical Structure
Twitter Bootstrap. Agenda What is it? Grids and Fluid layouts Globals and Typography Tables, Forms and Buttons Navigation Media and thumbnails Responsive.
Nokia Dominik Röck, Sonja Wihan.  This is a presentation about Nokia guidelines  Dominik Röck, k0rodo00  Sonja Wihan, k0wiso00.
Theming for V12 Revolution
Human-Computer Interaction IS 588 Spring 2007 Week 9 Dr. Dania Bilal Dr. Lorraine Normore.
1 © 2014 Adaptive Insights | Confidential & Proprietary THE GLOBAL LEADER IN CLOUD BI & CPM Navigation End User Training Transition Kit.
Effective Visual Communication Sinoj Mullangath. Komunikasi Komunikasi menyampaikan “fakta, konsep dan emosi” Untuk menyampaikan sesuatu, diperlukan bahasa.
Metro. agenda influence. inspiration. metro principles. metro design language.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Interface / navigation COM 366 Web Design & Production.
Group 3 Readings Com 585 Chloe, Kristina, Luke, Stephanie, Tony.
NZSTA WEBSITE HELP GUIDE. REGISTRATION Easy registration to access members area.
SOCIAL MEDIA TECHNOLOGY. ENGAGEMENT PLATFORM 2 Engagement Fans and Followers are your community. Social Media offers a great opportunity to provide personalized.
Spring /6.831 User Interface Design and Implementation1 Lecture 26: Mobile User Interfaces.
Designing Windows Phone 7 Series Albert Shum – That Dude Michael Smuga – Studio Director Chad Roberts – UX Design Lead Design language (codenamed Metro)
DESIGNING FOR IOS. iOS uses the following themes:  Deference. UI helps users understand and interact with the content, but never competes with it.
Building Metro style UIs Paul Gusmorino Lead Program Manager Microsoft Corporation DEV354.
Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.
.com QA LIVE Project Simulation QA LIVE project Exposure to real-life projects in Software Testing Group Meeting - 3 QA LIVE project Exposure to real-life.
Responsive Web design The usage and essentiality of responsive web design are increasing with the increase of mobiles devices and tablets usage Your website.
Designing metro style apps for Windows 8 A walkthrough some UI / UX best practices Lanny Geffen, Creative Director, Digiflare.
Design and Layout for Windows 8 and Windows Phone Style Apps Shane Morris Automatic Studio DEV221.
Developing Windows Phone 7 applications Igor Ralić Vedran Vučetić
Microsoft ® Lync ™ 2010 IM and Presence Training.
Modern Design Principles (MS). Back in the days This was how an RSS reading application looked like.. In Modern Design it would look like..
Author: Jakob Nielsen Presented by: Annam Abbasi.
The new online platform. Proposed Platform Evolution 5 year old platform New Platform for the next 5 years Focus in courses and Hot topics User Centric.
L/O/G/O I phone Safari Application Name : Malak Saleh Al-Qahtani ID :
Communicating with staff. Objectives that will be covered: 1.Setting up the staffroom communitySetting up the staffroom community 2.Sharing documents.
User Interface Components Lecture # 5 From: interface-elements.html.
Modern Design Principles (MS). Hubs & spoke navigation pattern Hierarchical pattern Best for large collections of related content Content is separated.
Core Project team Aad van der Velden, June 2015 What’s new in CRM 2015.
Week 2: Mobile User Interfaces. Objectives Review of User Interface Design Mobile specific design challenges in mobile UIs –specifically modern smartphones.
3D Renderer for GeoTools Renders a 2D map on an infinite 3D surface Uses variable level of detail –Closer areas are more detailed than far away ones A.
Website Design Best Practices. Topics  Navigation  Readability  Portability  Frameworks for Web Design  Model View Architecture MVC  SEO  Performance.
Source Page US:official&tbm=isch&tbnid=Mli6kxZ3HfiCRM:&imgrefurl=
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
One Web Approach Designing for the future ©2013 Walgreen Co. All rights reserved. Confidential and proprietary information. For internal use only.
Developing Windows 8 Style Application With HTML and JavaScript Lino Tadros | Falafel Software.
Concert Posters Illustration and Typography. Concert Posters  Widely used form of visual communication  Opportunity to combine illustration, typography,
Путешествуй со мной и узнаешь, где я сегодня побывал.
Design Elements Continued Dave Curro. Last time Touched on C.R.A.P Mentioned semiotics Gave some examples.
Page 1 This is page one. I’m talking about it now….
ADDING TILES IN UACCESS
Building Windows 8 App.
5/20/2018 5:02 AM Microsoft Dynamics NAV 2017 A complete list of client enhancements for end users © 2014 Microsoft Corporation. All rights reserved. MICROSOFT.
Elements of Design.
Introduction Working with Panels.
Guidance for shopping apps
Point of View, Multiple Perspectives
User Interface Components
___________’s Passport
Singapore Test Brief – New Citi Rewards Card details page V2
Point of View, Multiple Perspectives
Introduction to Computers
Page 1. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7.
Bootstrap Components Reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.
Point of View, Multiple Perspectives
Building Blocks: Construct() Jump Start
Visual Studio Code + Ionic
How to Download and Navigate Infinite Campus
Quick view of OPAC Booksystems/Concourse
___________’s Passport
Accessible Design Course by Intopia
H2OW LOW ...can you go? Veronica | Nico | Matthew | Jane.
Point of View, Multiple Perspectives
I have… I have… Who has 3:40? Who has 12:20? I have… I have…
Presentation transcript:

Design Patterns

There are a lot of design patterns.

ui-patterns.com

pttrns.com

konigi.com

welie.com

Context progressive disclosure hover controls toggles contextual functionality

progressive disclosure

hover controls

toggles

contextual functionality

Cross-Platform responsive design gestures tiles & cards touch-friendly

responsive design

gestures

tiles & cards

touch-friendly

Navigation breadcrumbs process funnel/steps left single page design infinite scroll

breadcrumbs

process funnel/steps left

single page design

infinite scroll

Visual Design primary vs. secondary actions styled forms typography subtle depth & texture flat icons

Well talk about this later...

Miscellaneous lazy registration autosave conversational UI notifications feeds

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.