14 grids
Download as PPTX, PDF0 likes392 views
The document discusses an upcoming lab guest speaker, Matthew Highstrom, an Interaction Designer from GM who will provide an insider's view of the development of the user interface for Cadillac vehicles. It also provides information on using grids for page layout and design, including defining the page size, dividing it into a grid, and starting the design process within the grid framework. Resources on grid design principles and techniques are listed.
1 of 57
Download to read offline
Recommended
Emergency preparedness
Emergency preparednessDr. V Vorvoreanu
油
The document discusses the 2011 Thoku earthquake and tsunami in Japan and how coverage of the crisis on Twitter affected emergency preparedness advocacy worldwide. It analyzed over 1.4 million tweets between March 1st and April 1st, finding that almost 75% positively reflected Japan's preparedness efforts or advocated for preparedness. The Twitter coverage raised questions about individual and community preparedness levels and generated new discussions around preparedness for vulnerable groups. However, the analysis was limited by only focusing on tweets in that time period and not considering language limitations.Organizing - How are social media changing the way we organize?
Organizing - How are social media changing the way we organize?Dr. V Vorvoreanu
油
The document discusses how social media is changing organizing. It defines organizing as 2 or more individuals working towards a common goal facilitated by communication. Social media enables new types of communication and makes group forming "ridiculously easy" by reducing coordination costs. This allows loosely affiliated groups to accomplish things that were previously not possible. Social media supports collective action, cooperation, sharing, and networks with a power law or "long tail" distribution. The challenges are understanding how social media reshapes society and governance of these new types of groups and networks.18 b writing for the web
18 b writing for the webDr. V Vorvoreanu
油
The document discusses how people read online and provides tips for writing effectively for the web. It notes that online readers typically scan pages rather than read linearly due to screens and limited attention spans. Writers should use concise, chunked content with clear headings and meaningful links. The inverted pyramid style places the most important information first to accommodate how readers scan online content.Engineering and Technology Education
Engineering and Technology EducationDr. V Vorvoreanu
油
The document discusses research into social media conversations about technology and engineering education in K-12. The research aims to identify where discussions about engineering education occur on social media and pilot a new tool to analyze these discussions. The goal is to build support for focusing K-12 technology education on engineering. Mapping conversations could provide opportunities to inform the public and engage them in important discussions about engineering education policy.mobile usability
mobile usabilityDr. V Vorvoreanu
油
This document discusses best practices for mobile usability and user experience design. It recommends focusing on the core transaction or task the user wants to complete, ensuring the design is optimized for the mobile context and platform, and provides resources for further learning on mobile usability strategies and presentations. The design should prioritize what is important for the user to accomplish their goal in a mobile environment.Audit
AuditNSW BER IPO
油
The Audit Directorate provides independent oversight to ensure risks are managed, financial information is accurate and reliable, employee actions comply with policies and laws, resources are used efficiently and effectively, and programs and objectives are achieved. The proposed 2009/10 audit plan includes 800 school audits, with some focusing on schools that received Building the Education Revolution (BER) funding to examine key performance indicators related to the projects. Audits of BER-funded schools will commence in the third school term with at least two weeks notice provided to principals, and results will be documented in management letters.07 mental models-ift_lecture
07 mental models-ift_lectureDr. V Vorvoreanu
油
This document discusses mental models and information scent. It defines mental models as representations of how users, designers, and systems think about a topic. Information scent is described as how associated different pieces of information are with the user's information goal. The document provides examples of links and asks how strong the information scent is for each. It suggests that improving information scent can help users more easily find relevant information.accessibility
accessibilityDr. V Vorvoreanu
油
This document discusses web accessibility for people with disabilities. It covers various types of disabilities like visual, hearing, physical, and cognitive/neurological impairments. For each disability, it provides guidelines on how to make web content and design more accessible, such as including alt text for images, closed captions for videos, keyboard navigation, proper use of headings, forms, and colors/contrast. The document emphasizes that accessibility is important both legally and for business, and provides resources for further information.usability testingplanning
usability testingplanningDr. V Vorvoreanu
油
Usability testing involves identifying users, understanding their needs and goals as well as client needs. It includes conceptual design research, prototyping, and production testing. Methods include interviews, surveys, observations, card sorting, focus groups and user testing. Tests involve an opening, pre-session questionnaire, tasks with pre and post task questionnaires, and a post-session questionnaire to collect performance, issue, behavioral and self-reported metrics. Planning considers equipment, location, questionnaires, tasks and forms.15 metaphor typography
15 metaphor typographyDr. V Vorvoreanu
油
The document discusses metaphors used in interfaces like desktops and shopping carts that help with learning by analogy. It also discusses principles of typography for the web, including choosing web-safe fonts or embedded webfonts using CSS. Webfonts allow for more typographic control but have considerations like browser support and licensing. Common webfont formats are TrueType, OpenType, Embedded OpenType, and Web Open Font Format.excise interface design
excise interface designDr. V Vorvoreanu
油
The document discusses excise, which refers to taxes imposed on the production or sale of certain goods. It contrasts excise with needs and goals, and mentions implementation and mental models centered around goals rather than needs. Examples of excise include keynote inspector, Purdue library, Google Calendar, and ornamental graphics. The document also provides some dos and don'ts for user experience, such as placing the mouse cursor in the first input box, separating input from output, requiring passwords, making users remember settings, and making users confirm actions. It concludes that it is easy to make things hard but hard to make things easy.3D Foot Scanning for Custom Orthotics
3D Foot Scanning for Custom Orthotics3D3 Solutions
油
3D3 Solutions partnered with Rx Orthotic Lab to create a concrete solution to foot casting that combines 3D scanning technology with advance medical theory. The foot scanner uses 3D3 Solutions proprietary white-light 3D technology that scans the patients foot in seconds to create a digital reproduction in the form a 3D model.Managing onlineidentity
Managing onlineidentityDr. V Vorvoreanu
油
The document discusses managing your online identity and reputation. It notes that 70% of HR managers have rejected applicants due to inappropriate internet behavior. Common reasons for rejection include inappropriate photos, comments, or displaying poor communication skills online. However, 86% of HR managers say a good online reputation can positively impact a candidate's chances. The document provides tips for managing your online identity such as customizing privacy settings, creating a professional online presence, and monitoring how others present you online.William Shakespeare
William Shakespeareguest8e8cc4
油
William Shakespeare was born in April 1564 in Stratford-upon-Avon, England. He wrote 154 sonnets and 37 plays throughout his career, including famous works like Romeo and Juliet, Hamlet, and Taming of the Shrew. Shakespeare invented many words and phrases that are still used in modern English. He had a wife and three children but spent most of his career in London working as an actor and playwright for various theater companies.Module 6
Module 6davidouton
油
This document contains information about describing people's appearance and personality. It includes vocabulary for hair, age, facial features and general appearance. Personality adjectives are divided into three sections with opposites listed at the end. The document also contains sample sentences using multi-part verbs to describe actions.heuristic evaluation
heuristic evaluationDr. V Vorvoreanu
油
Heuristic evaluation is a usability inspection method where one or more experts examine an interface and judge its compliance with recognized usability principles, called heuristics. The experts inspect the interface, identify any usability problems it may contain, and provide recommendations for improving the interface. The results are documented in a report that includes a description of any issues found on each page, which usability principles were violated, and a suggested fix along with a severity rating. Common usability principles that are evaluated include whether an interface is easy to use and learn, communicates effectively, avoids errors, and has clear system status.
Vocabulary "Learning & Careers"andrea_ena
油
El documento presenta vocabulario relacionado con la educaci坦n y las carreras. Incluye palabras como "escuela", "biblioteca", "tarea", "profesi坦n" y "trabajo". Tambi辿n presenta adjetivos de personalidad como "valiente", "cuidadoso", "creativo" y ocupaciones como "arquitecto", "constructor", "periodista".19 excise discussion
19 excise discussionDr. V Vorvoreanu
油
The document discusses the principles of EXCISE, which aims to have the implementation model fit user needs and mental models. It lists 11 principles for EXCISE, including not requiring extra steps from users, allowing input when there is output, avoiding unnecessary hierarchies or windows, and making navigation easier through reducing places to go and providing mapping and signposts.Why social media
Why social mediaDr. V Vorvoreanu
油
This document discusses the benefits of using social media. It outlines three main reasons to use social media: 1) to participate in citizen journalism and collective intelligence, 2) to build up one's online status and brand, and 3) to connect with "tribes" of people with shared interests. Examples like disaster relief efforts during the 2004 tsunami and 2008 China earthquake show how social media allows for participatory journalism and real-time information sharing. Building an online presence through sites like Yelp and Groupon can bring attention and rewards. Social media also facilitates finding and engaging with "tribes" of people passionate about similar causes or interests.03 research project-outline_621
03 research project-outline_621Dr. V Vorvoreanu
油
This document outlines the sections and structure for a final class project. It includes sections for an introduction, literature review, research questions, methodology, results, discussion, conclusion, abstract, and appendix. The introduction presents the problem being studied and previews the main sections. The literature review discusses related work and concepts. The methodology section describes the data collection, sampling, and analysis procedures. The results section presents the sample characteristics and findings from analyzing the collected data. The discussion interprets the results and their relevance. The conclusion summarizes the purpose, methods, findings, and limitations of the study. The abstract is a one paragraph summary placed at the front.Seti 09
Seti 09bzanchet
油
The document discusses the development of web applications using APIs and distributed data. It explains how web applications are built by combining data, manipulation, and presentation layers. APIs provide access to data from external sources, and technologies like YQL and Yahoo services can be used to retrieve and format data. Sharing tools and data can help improve applications and reach more users.Tech621 [re]orientation![Tech621 [re]orientation](https://cdn.slidesharecdn.com/ss_thumbnails/courseoverview-091001092800-phpapp01-thumbnail.jpg?width=560&fit=bounds)
Tech621 [re]orientationDr. V Vorvoreanu
油
This document outlines the objectives and topics of the TECH 621 course. The course will cover social media principles like open conversation and collaboration, the effects of social media on society and individuals, and optimal uses of social media in contexts like public health, government, and business. It also speculates what the social media landscape may look like 30 years in the future, including staying knowledgeable through continuous learning, working in the attention economy, managing an overwhelming information environment, learning new cultures, and applying information to personal needs.usability reporting
usability reportingDr. V Vorvoreanu
油
The usability test involved 5 participants completing 5 tasks. It measured demographics, task completion rates, time on task, expected and actual difficulty, observations, and overall satisfaction. The summary analyzed completion rates, compared time on task across tasks, and discussed presenting observation data and overall satisfaction ratings.06 perception memory
06 perception memoryDr. V Vorvoreanu
油
The document discusses Gestalt principles of visual organization, which were proposed by German psychologists in the early 1900s. The principles include figure/ground perception, proximity, similarity, good continuity, and closure. Proximity and similarity principles state that visually similar objects close together tend to be grouped together. Continuity principles suggest the eye perceives smooth, continuous shapes rather than abrupt changes. Closure principles indicate the eye sees complete shapes even when objects are not fully visible.grids
gridsDr. V Vorvoreanu
油
The document discusses page layout techniques using grids. It explains that grids involve dividing the page into columns and rows to help with alignment and consistency. Some key aspects covered include figuring out the page size, dividing it into a grid structure, starting the design process within that grid, and addressing techniques like vertical lines, contrast, balance and repetition to create an organized layout. Common grid configurations with one, two, three or four columns are presented along with tips on proportion, the rule of thirds and when it may be acceptable to break from the rigid grid.10518, 5(52 PMCollection MSA 603 Strategic Planning for th.docx
10518, 5(52 PMCollection MSA 603 Strategic Planning for th.docxdrennanmicah
油
10/5/18, 5(52 PMCollection MSA 603 Strategic Planning for the Admin ...
Page 1 of 1https://blackboard.cmich.edu/webapps/discussionboard/do/message?ac_146240_1&nav=discussion_board_entry&isSearch=N&requestType=print
Collection
Users can Collect posts into a printable, sortable format. Collections are a good way to organize posts for quick
reading. A Collection must be created to tag posts. More Help
Thread: Week 6
Post: Week 6
Author:
Posted Date: September 25, 2018 11:39 AM
Status: Published
Overall Rating:
Tags: None
(Post is Read)
Shannon Messer
I would suggest that IBM use Cloud computing services over Broadband. Broadband is
not that reliable in my experience; I have had problems with the system failing or losing
signals for hours. Every technology claims to be the best, and deliver the fastest and
reliable service. Cloud computing allows for the service to be monitored by the IT
department for malfunctions, or security breaches. It operates thru multiple sites, instead of
frequencies. You are able to utilize the service at different locations, but Broadband has a
problem of allowing this to occur sometimes. IBM needs a service that has a strong data
storage because this is essential for the needs of its consumers, which Cloud computing can
provide. IBM is a highly vertically integrated company; it integrated back into the chip
and memory disk industry to produce the components that work inside its mainframes and
servers, and integrated forward into the computer software and consulting service
industries. (Page 288 Hill, Schilling, Jones) This statement says a lot, and this is why I
believe that Cloud computing would be a perfect fit because it aligns with computer
technology, which IBM is known for.
Amazon states, "It has benefited from massive economies scales, trade capital expense for
the variable expense, stop guessing capacity, increase speed and agility, saves money on
running and maintaining data centers, and can go Global in minutes."
AWS. (2018). "What is Cloud Computing?" Amazon.www.aws.amazon.com/what is cloud
computing?
OK
鐃
https://blackboard.cmich.edu/webapps/discussionboard/do/message?action=collectPrint&conf_id=_248584_1&forum_id=_382696_1&course_id=_146240_1&nav=discussion_board_entry&isSearch=N&requestType=print#
javascript:self.close()
10/5/18, 6)02 PMCollection MSA 603 Strategic Planning for the Admin ...
Page 1 of 1https://blackboard.cmich.edu/webapps/discussionboard/do/message?ac_146240_1&nav=discussion_board_entry&isSearch=N&requestType=print
Collection
Users can Collect posts into a printable, sortable format. Collections are a good way to organize posts for quick
reading. A Collection must be created to tag posts. More Help
Thread: DB 3 Week 6
Post: DB 3 Week 6
Author:
Posted Date: October 3, 2018 8:30 PM
Status: Published
Overall Rating:
Tags: None
(Post is Read)
Brittany Rose
I would not recommend just one method for IBM to use when diversifying into the
telecommuni.Visualizing Big Data The Fundamentals
Visualizing Big Data The FundamentalsStampedeCon
油
This session will touch upon two visual languages, one to describe the context around what is being asked from the data, and the other, to describe what is quantifiable. From these two visual constructs we will go specifically into the following topics: Grids, Balance, Proximity, Contextual Kernels and Hierarchy.Framer vs CSS Grid
Framer vs CSS GridJosh Clement
油
A quick look at two powerful, but radically different prototyping tools available to designers in 2017.Wireframe
Wireframeananda gunadharma
油
The document discusses wireframing in website design. It explains that wireframing involves creating a basic text-only version of a website without graphics to layout the information architecture and flow. Benefits of wireframing include being able to test the user experience and connections between pages before investing in visual design. The document provides instructions on creating wireframes, including sketching a site map, setting up basic HTML pages, and adding placeholder content. Finally, it lists nine digital tools that can be used to create wireframes.CAD/CAM ppt
CAD/CAM pptOECLIB Odisha Electronics Control Library
油
CAD/CAM systems is ideally suited for designing and manufacturing mechanical components of free from complex 2-dimensional & 3-dimensional shapesMore Related Content
Viewers also liked (16)
usability testingplanning
usability testingplanningDr. V Vorvoreanu
油
Usability testing involves identifying users, understanding their needs and goals as well as client needs. It includes conceptual design research, prototyping, and production testing. Methods include interviews, surveys, observations, card sorting, focus groups and user testing. Tests involve an opening, pre-session questionnaire, tasks with pre and post task questionnaires, and a post-session questionnaire to collect performance, issue, behavioral and self-reported metrics. Planning considers equipment, location, questionnaires, tasks and forms.15 metaphor typography
15 metaphor typographyDr. V Vorvoreanu
油
The document discusses metaphors used in interfaces like desktops and shopping carts that help with learning by analogy. It also discusses principles of typography for the web, including choosing web-safe fonts or embedded webfonts using CSS. Webfonts allow for more typographic control but have considerations like browser support and licensing. Common webfont formats are TrueType, OpenType, Embedded OpenType, and Web Open Font Format.excise interface design
excise interface designDr. V Vorvoreanu
油
The document discusses excise, which refers to taxes imposed on the production or sale of certain goods. It contrasts excise with needs and goals, and mentions implementation and mental models centered around goals rather than needs. Examples of excise include keynote inspector, Purdue library, Google Calendar, and ornamental graphics. The document also provides some dos and don'ts for user experience, such as placing the mouse cursor in the first input box, separating input from output, requiring passwords, making users remember settings, and making users confirm actions. It concludes that it is easy to make things hard but hard to make things easy.3D Foot Scanning for Custom Orthotics
3D Foot Scanning for Custom Orthotics3D3 Solutions
油
3D3 Solutions partnered with Rx Orthotic Lab to create a concrete solution to foot casting that combines 3D scanning technology with advance medical theory. The foot scanner uses 3D3 Solutions proprietary white-light 3D technology that scans the patients foot in seconds to create a digital reproduction in the form a 3D model.Managing onlineidentity
Managing onlineidentityDr. V Vorvoreanu
油
The document discusses managing your online identity and reputation. It notes that 70% of HR managers have rejected applicants due to inappropriate internet behavior. Common reasons for rejection include inappropriate photos, comments, or displaying poor communication skills online. However, 86% of HR managers say a good online reputation can positively impact a candidate's chances. The document provides tips for managing your online identity such as customizing privacy settings, creating a professional online presence, and monitoring how others present you online.William Shakespeare
William Shakespeareguest8e8cc4
油
William Shakespeare was born in April 1564 in Stratford-upon-Avon, England. He wrote 154 sonnets and 37 plays throughout his career, including famous works like Romeo and Juliet, Hamlet, and Taming of the Shrew. Shakespeare invented many words and phrases that are still used in modern English. He had a wife and three children but spent most of his career in London working as an actor and playwright for various theater companies.Module 6
Module 6davidouton
油
This document contains information about describing people's appearance and personality. It includes vocabulary for hair, age, facial features and general appearance. Personality adjectives are divided into three sections with opposites listed at the end. The document also contains sample sentences using multi-part verbs to describe actions.heuristic evaluation
heuristic evaluationDr. V Vorvoreanu
油
Heuristic evaluation is a usability inspection method where one or more experts examine an interface and judge its compliance with recognized usability principles, called heuristics. The experts inspect the interface, identify any usability problems it may contain, and provide recommendations for improving the interface. The results are documented in a report that includes a description of any issues found on each page, which usability principles were violated, and a suggested fix along with a severity rating. Common usability principles that are evaluated include whether an interface is easy to use and learn, communicates effectively, avoids errors, and has clear system status.Vocabulary "Learning & Careers"andrea_ena
油
El documento presenta vocabulario relacionado con la educaci坦n y las carreras. Incluye palabras como "escuela", "biblioteca", "tarea", "profesi坦n" y "trabajo". Tambi辿n presenta adjetivos de personalidad como "valiente", "cuidadoso", "creativo" y ocupaciones como "arquitecto", "constructor", "periodista".19 excise discussion
19 excise discussionDr. V Vorvoreanu
油
The document discusses the principles of EXCISE, which aims to have the implementation model fit user needs and mental models. It lists 11 principles for EXCISE, including not requiring extra steps from users, allowing input when there is output, avoiding unnecessary hierarchies or windows, and making navigation easier through reducing places to go and providing mapping and signposts.Why social media
Why social mediaDr. V Vorvoreanu
油
This document discusses the benefits of using social media. It outlines three main reasons to use social media: 1) to participate in citizen journalism and collective intelligence, 2) to build up one's online status and brand, and 3) to connect with "tribes" of people with shared interests. Examples like disaster relief efforts during the 2004 tsunami and 2008 China earthquake show how social media allows for participatory journalism and real-time information sharing. Building an online presence through sites like Yelp and Groupon can bring attention and rewards. Social media also facilitates finding and engaging with "tribes" of people passionate about similar causes or interests.03 research project-outline_621
03 research project-outline_621Dr. V Vorvoreanu
油
This document outlines the sections and structure for a final class project. It includes sections for an introduction, literature review, research questions, methodology, results, discussion, conclusion, abstract, and appendix. The introduction presents the problem being studied and previews the main sections. The literature review discusses related work and concepts. The methodology section describes the data collection, sampling, and analysis procedures. The results section presents the sample characteristics and findings from analyzing the collected data. The discussion interprets the results and their relevance. The conclusion summarizes the purpose, methods, findings, and limitations of the study. The abstract is a one paragraph summary placed at the front.Seti 09
Seti 09bzanchet
油
The document discusses the development of web applications using APIs and distributed data. It explains how web applications are built by combining data, manipulation, and presentation layers. APIs provide access to data from external sources, and technologies like YQL and Yahoo services can be used to retrieve and format data. Sharing tools and data can help improve applications and reach more users.Tech621 [re]orientation
Tech621 [re]orientationDr. V Vorvoreanu
油
This document outlines the objectives and topics of the TECH 621 course. The course will cover social media principles like open conversation and collaboration, the effects of social media on society and individuals, and optimal uses of social media in contexts like public health, government, and business. It also speculates what the social media landscape may look like 30 years in the future, including staying knowledgeable through continuous learning, working in the attention economy, managing an overwhelming information environment, learning new cultures, and applying information to personal needs.usability reporting
usability reportingDr. V Vorvoreanu
油
The usability test involved 5 participants completing 5 tasks. It measured demographics, task completion rates, time on task, expected and actual difficulty, observations, and overall satisfaction. The summary analyzed completion rates, compared time on task across tasks, and discussed presenting observation data and overall satisfaction ratings.06 perception memory
06 perception memoryDr. V Vorvoreanu
油
The document discusses Gestalt principles of visual organization, which were proposed by German psychologists in the early 1900s. The principles include figure/ground perception, proximity, similarity, good continuity, and closure. Proximity and similarity principles state that visually similar objects close together tend to be grouped together. Continuity principles suggest the eye perceives smooth, continuous shapes rather than abrupt changes. Closure principles indicate the eye sees complete shapes even when objects are not fully visible.Similar to 14 grids (20)
grids
gridsDr. V Vorvoreanu
油
The document discusses page layout techniques using grids. It explains that grids involve dividing the page into columns and rows to help with alignment and consistency. Some key aspects covered include figuring out the page size, dividing it into a grid structure, starting the design process within that grid, and addressing techniques like vertical lines, contrast, balance and repetition to create an organized layout. Common grid configurations with one, two, three or four columns are presented along with tips on proportion, the rule of thirds and when it may be acceptable to break from the rigid grid.10518, 5(52 PMCollection MSA 603 Strategic Planning for th.docx
10518, 5(52 PMCollection MSA 603 Strategic Planning for th.docxdrennanmicah
油
10/5/18, 5(52 PMCollection MSA 603 Strategic Planning for the Admin ...
Page 1 of 1https://blackboard.cmich.edu/webapps/discussionboard/do/message?ac_146240_1&nav=discussion_board_entry&isSearch=N&requestType=print
Collection
Users can Collect posts into a printable, sortable format. Collections are a good way to organize posts for quick
reading. A Collection must be created to tag posts. More Help
Thread: Week 6
Post: Week 6
Author:
Posted Date: September 25, 2018 11:39 AM
Status: Published
Overall Rating:
Tags: None
(Post is Read)
Shannon Messer
I would suggest that IBM use Cloud computing services over Broadband. Broadband is
not that reliable in my experience; I have had problems with the system failing or losing
signals for hours. Every technology claims to be the best, and deliver the fastest and
reliable service. Cloud computing allows for the service to be monitored by the IT
department for malfunctions, or security breaches. It operates thru multiple sites, instead of
frequencies. You are able to utilize the service at different locations, but Broadband has a
problem of allowing this to occur sometimes. IBM needs a service that has a strong data
storage because this is essential for the needs of its consumers, which Cloud computing can
provide. IBM is a highly vertically integrated company; it integrated back into the chip
and memory disk industry to produce the components that work inside its mainframes and
servers, and integrated forward into the computer software and consulting service
industries. (Page 288 Hill, Schilling, Jones) This statement says a lot, and this is why I
believe that Cloud computing would be a perfect fit because it aligns with computer
technology, which IBM is known for.
Amazon states, "It has benefited from massive economies scales, trade capital expense for
the variable expense, stop guessing capacity, increase speed and agility, saves money on
running and maintaining data centers, and can go Global in minutes."
AWS. (2018). "What is Cloud Computing?" Amazon.www.aws.amazon.com/what is cloud
computing?
OK
鐃
https://blackboard.cmich.edu/webapps/discussionboard/do/message?action=collectPrint&conf_id=_248584_1&forum_id=_382696_1&course_id=_146240_1&nav=discussion_board_entry&isSearch=N&requestType=print#
javascript:self.close()
10/5/18, 6)02 PMCollection MSA 603 Strategic Planning for the Admin ...
Page 1 of 1https://blackboard.cmich.edu/webapps/discussionboard/do/message?ac_146240_1&nav=discussion_board_entry&isSearch=N&requestType=print
Collection
Users can Collect posts into a printable, sortable format. Collections are a good way to organize posts for quick
reading. A Collection must be created to tag posts. More Help
Thread: DB 3 Week 6
Post: DB 3 Week 6
Author:
Posted Date: October 3, 2018 8:30 PM
Status: Published
Overall Rating:
Tags: None
(Post is Read)
Brittany Rose
I would not recommend just one method for IBM to use when diversifying into the
telecommuni.Visualizing Big Data The Fundamentals
Visualizing Big Data The FundamentalsStampedeCon
油
This session will touch upon two visual languages, one to describe the context around what is being asked from the data, and the other, to describe what is quantifiable. From these two visual constructs we will go specifically into the following topics: Grids, Balance, Proximity, Contextual Kernels and Hierarchy.Framer vs CSS Grid
Framer vs CSS GridJosh Clement
油
A quick look at two powerful, but radically different prototyping tools available to designers in 2017.Wireframe
Wireframeananda gunadharma
油
The document discusses wireframing in website design. It explains that wireframing involves creating a basic text-only version of a website without graphics to layout the information architecture and flow. Benefits of wireframing include being able to test the user experience and connections between pages before investing in visual design. The document provides instructions on creating wireframes, including sketching a site map, setting up basic HTML pages, and adding placeholder content. Finally, it lists nine digital tools that can be used to create wireframes.CAD/CAM ppt
CAD/CAM pptOECLIB Odisha Electronics Control Library
油
CAD/CAM systems is ideally suited for designing and manufacturing mechanical components of free from complex 2-dimensional & 3-dimensional shapesDesigning with Code
Designing with CodeAdityo Pratomo
油
A talk about how designer and developer can start work in a more unified flow, breaking the silo between them and get to code as soon as possible when designing UI. This was presented at JSDay Indonesia 2019. Grid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User ExperienceDustin DiTommaso
油
A structural design method benefitting both the designer and the end-user, grid systems have been used for generations in print design, architecture and urban planning to lay out and optimize spaces for readability and comprehension, wayfinding and navigation, utility and usability.
As a framework for screen-based design, grids enable efficiencies in the planning, execution and presentation of UIs and content and imparts a refined aesthetic and sense of order improving perceived usability and intuitive behavior. Fashion hunk
Fashion hunkArchana Maharjan
油
This document provides information about a group project to create a fashion website called Fashion Hunk. It includes the names of four group members and overviews sections on introduction, objectives, tools used in development, system requirements, data access and security, architecture, potential scopes of the website, future enhancements, and limitations. The objectives section discusses using a content management system to allow non-technical users to manage website content without coding knowledge.Presentation 1.pptx
Presentation 1.pptxGravityboi
油
This document summarizes a presentation on web development given by Garvit Tamra. It defines web development as the creation and maintenance of websites, which can be classified into frontend and backend development. Frontend development deals with a website's design and user interface, while backend development builds and maintains the code running on the server. The presentation covers the importance of web development for promoting brands, characteristics of successful websites, the three layers of web design (HTML, CSS, JavaScript), and Garvit's portfolio website project and learnings from an internship.2009_09_11_Grid960
2009_09_11_Grid960LightSpeed
油
The document discusses a 5-step process for using a CSS grid framework called the 960 Grid System to design a website. Step 1 involves paper prototyping to define expectations. Step 2 is creating an unstyled semantic structure using the 960 Grid. Step 3 adds graphical elements in Photoshop. Step 4 finalizes production by slicing images and applying CSS. Step 5 focuses on testing across browsers before client delivery. Using this process and a CSS framework provides benefits like visual consistency and reduced cross-browser issues.Introduction to CSS3
Introduction to CSS3Doris Chen
油
This presentation is target for developers that are new to CSS3, and would like to know what CSS3 they need to understand for Windows 8 development.Adobe MAX 2008: HTML/CSS + Fireworks
Adobe MAX 2008: HTML/CSS + FireworksNathan Smith
油
The document summarizes a presentation about using Adobe Fireworks for designing HTML and CSS websites. It discusses how Fireworks is ideal for web design as it integrates well with other Adobe applications. It also explores how Fireworks allows for rapid prototyping through features like slicing images and exporting code. The presentation emphasizes writing code by hand and using frameworks like the 960 grid system to help maintain consistency and improve efficiency.Refreshing Your UI with HTML5, Bootstrap and CSS3
Refreshing Your UI with HTML5, Bootstrap and CSS3Matt Raible
油
Many startups and open source projects have the luxury of starting greenfield projects. Unfortunately, the corporate world rarely works this way. It's more maintenance coding and a few new features every now and then. This session covers how you can use three of the hottest technologies (HTML5, CSS3 and Bootstrap) to spruce up a legacy application. It describes a real-world situation where a redesign was implemented in a few short weeks, making an old site look brand new. It also does a deep dive into Bootstrap, explains LESS, and shows pitfalls with older browsers. After this session, you'll be motivated to integrate Bootstrap into your applications and turn that legacy UI into something sexy!
See blog post about this presentation at http://raibledesigns.com/rd/entry/my_bootstrap_presentation_from_html5.Webinar: Tailored Big Data Solutions using MapReduce Design Patterns 
Webinar: Tailored Big Data Solutions using MapReduce Design Patterns Edureka!
油
The webinar on MapReduce Design Patterns titled " Tailored Big Data Solutions using MapReduce Design Patterns " conducted by Edureka on 26th February 2015UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2Lewis Lin
油
This document provides an overview and analysis of various web layout patterns, including cards, grids, magazine-style layouts, split screens, single-page apps, F patterns, Z patterns, and symmetrical layouts. It discusses the problems each layout addresses, how the layout works as a solution, and tips for implementing each style successfully. The document is from a book on web UI design patterns and focuses on layout, content, data, scrolling, and multimedia patterns.Avoid Site Killers with Effective CMS Planning
Avoid Site Killers with Effective CMS PlanningISITE Design is now Connective DX
油
As a follow up to the recent whitepaper with Sitecore, the New Web Governance Manifesto, ISITE Design's Jeff Cram presents the top 5 site killers Website Planning 201 by Jen McKibben
Website Planning 201 by Jen McKibbenJohn Coonen
油
1. The document discusses the five planes of user experience as developed by Jesse James Garrett - structure, skeleton, and surface.
2. It focuses on the structure and skeleton planes for website planning, covering site maps, sections and categories in Joomla, and wireframes.
3. For the surface plane, it discusses options for templates in Joomla - using canned templates or creating custom templates, and considerations for each.Can A Car Maker Really Deliver Mass Customization?
Can A Car Maker Really Deliver Mass Customization?Design World
油
In this webcast, youll learn how Local Motors:
Engages a community of designers, manufacturers, and enthusiasts to build a shared vision for a new automobile
Uses cutting-edge 3D scanners and reverse engineering software to bring designs to life faster and more efficiently
Quickly scans off-the-shelf components; creates CAD models for fit checks and virtual assembly; and captures the sweeping forms of the conceptual clay models from which the production tooling is made
GDSC Intro (2).pdf
GDSC Intro (2).pdfGDSCVIMEET
油
This document provides information about an upcoming Google Developer Student Club (GDSC) event. It summarizes the purpose of GDSCs, lists upcoming GDSC events including Compose Camp to learn Android Studio, and describes ways for students to get involved through different volunteer roles. The document also shares information about community leaders, technology topics covered by GDSCs, and color and icon libraries for event branding and design.More from Dr. V Vorvoreanu (20)
Dia2 tues persona 
Dia2 tues persona Dr. V Vorvoreanu
油
The document describes research conducted to develop a persona representing typical users who would use the DIA 2 TUES Persona tool. Interviews were conducted with 24 STEM educators and researchers. Analysis of the interview data was used to define a persona named Michael Anderson, a 45-year-old associate professor of engineering education. The persona's goals, activities and needs are presented to capture common challenges such as managing time, staying informed, finding collaborators, and obtaining research funding. Suggestions from users are provided along with implications for the design of the tool. A scenario shows how the persona might use the tool to explore funding opportunities from the National Science Foundation.Dia2 sketches
Dia2 sketchesDr. V Vorvoreanu
油
The DIA2 User Requirements Report outlines the key requirements for the DIA2 system including that it must provide real-time data analysis, integrate with other systems, and comply with all relevant security standards. A conceptual design for the DIA2 system is proposed which includes using a cloud-based platform for flexibility, deploying microservices for modularity, and implementing identity and access management controls. The report and conceptual design provide foundational information to guide the development of the new DIA2 system.DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDr. V Vorvoreanu
油
Dealing with Data Deluge at National Funding Agencies: An Investigation of User Needs for Understanding and Managing Research Investments https://link.springer.com/chapter/10.1007%2F978-3-319-20618-9_14
07 principles 1 affordance
07 principles 1 affordanceDr. V Vorvoreanu
油
Fundamental usability principles: affordances, constraints, mapping, and feedback. Based on Design of Everyday Things - Revised and Expanded (2013).HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationDr. V Vorvoreanu
油
The document proposes a new major in Human-centered Design & Development that takes an experience design approach to curriculum creation. The curriculum is organized around six skill strands and uses learning goals, activities, feedback, and learning studios to teach technical skills, design, user research, humanities, entrepreneurship, and global awareness. It presents a vision persona of Sarah, a graduate who leads multi-disciplinary teams through the user-centered design process to create innovative digital products.Controls
ControlsDr. V Vorvoreanu
油
The document discusses the basic building blocks of interface design which are controls, imperative selection, and entry display. It lists different types of controls like buttons, checkboxes, radio buttons, switches, toggle buttons, lists, and combo boxes. It also discusses concepts like affordance, bounded vs unbounded entries, and validation related to interface design elements.Responsive design UX intro
Responsive design UX introDr. V Vorvoreanu
油
This document discusses responsive design, which allows websites to automatically adapt to different screen sizes and devices. It covers the what, why and how of responsive design. Specifically, it explains that responsive design uses flexible grids, images and media queries (CSS) to respond to user needs and device capacities. The goal is to enhance the user experience across devices with less frustration for developers. It also discusses user experience perspectives like content strategy and navigation design for responsive sites.Attention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
油
This document discusses key concepts related to attention, memory, and interface design including:
1. Attention - How interfaces can guide user attention through visual hierarchy and ensuring important elements are noticeable. Attention can be top-down, directed by user goals, or bottom-up, directed by interface design.
2. Information scent - The sense users get about the content and nature of information from interface cues like titles and snippets. Good information scent helps users navigate to their goals.
3. Recognition over recall - Interfaces should leverage people's stronger ability to recognize information versus recalling it later. Examples include consistent layouts that reduce cognitive load.
The document provides examples and suggests designers consider how interfaces support top-03 bad usability kills
03 bad usability killsDr. V Vorvoreanu
油
1. The document discusses learning goals around user-centered design (UCD), including appreciating that user error stems from poor design, distinguishing UCD from design as art, and listing the major steps of the UCD process.
2. It provides an overview of the UCD process, which involves requirements analysis, conceptual design, production, launch, and iterative user research and evaluation.
3. Examples of affordances and how they help make products more intuitive by triggering mental models of how to use objects are discussed.03 usability def designprocess
03 usability def designprocessDr. V Vorvoreanu
油
Usability has five key dimensions that can be measured: learnability, efficiency, memorability, error prevention and recovery, and satisfaction. There are three paradigms of design: engineering focuses on making things work, usability focuses on ease of use, and user experience focuses on pleasure of use. The user-centered design process involves research and evaluation, requirements analysis, conceptual design, production, and launch in an iterative process that focuses on understanding users.Information architecture
Information architectureDr. V Vorvoreanu
油
This document discusses information architecture (IA) and its key components of organization systems, navigation systems, search systems, and labeling systems. It provides examples of different schemes and structures for organizing content, such as alphabetical, chronological, and by topic. It also discusses best practices for labeling systems, including using consistent labels and keeping the scope narrow and focused, as well as methods for testing and refining IA like card sorting.UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesDr. V Vorvoreanu
油
The document outlines the process of designing a product from initial user research through prototyping. It involves researching users through personas and scenarios, brainstorming design ideas through probes and workshops, sketching concepts, creating storyboards to explore interaction flows, wireframing screens with layout and functionality, adding graphic design elements to mockups, and developing interactive prototypes to test the product before coding. User involvement through co-design is recommended when possible. The process moves from loose sketches to explore ideas through increasingly refined representations to prototypes that can be tested.Cgt 256 course review
Cgt 256 course reviewDr. V Vorvoreanu
油
The document provides information about the final exam for the CGT 256 course. It states that the exam will not be cumulative, except for general questions about the user-centered design process and Nielsen's 10 heuristics. The exam will cover topics taught in the course like conceptual design, navigation, writing, branding, responsive design, and evaluation methods. It will include multiple choice and a few open-ended questions, totaling 100 points. The course objectives are also listed, which are to apply the user-centered design process, value UX as problem solving, consider UX as a career, position oneself as a professional, and engage in self-reflection. Finally, it provides some general advice about working with people and continuing toCross channel ux
Cross channel uxDr. V Vorvoreanu
油
The document discusses principles for pervasive information architecture and cross-channel user experiences. It defines key terms like cross-channel UX and pervasive information architecture. Cross-channel experiences consider the interconnected ecosystem of devices, users, and information across physical and digital domains. The document outlines five heuristics for cross-channel UX design: place-making, consistency, resilience, reduction, and correlation. It emphasizes the need for designers to adopt a holistic vision that considers the user experience across related physical and digital environments as an interconnected ecosystem.UX user-centered design process overview
UX user-centered design process overviewDr. V Vorvoreanu
油
This document outlines the user research and design process. It involves contextual inquiry like interviews and observations to understand users. Researchers analyze the data to develop personas, scenarios and use cases. They define requirements and conceptualize designs through brainstorming, sketches, storyboards and wireframes. Prototypes are created and evaluated through usability testing to provide continuous feedback for improvement.26 social interaction design
26 social interaction designDr. V Vorvoreanu
油
Social media design focuses on facilitating social interaction and relationships between users. Key aspects of social media include user profiles and identities, relationships between users, communication and interaction, as well as sharing content and taking actions like commenting and rating. Effective social media interface design can influence the nature and quality of interactions between users by considering factors like the representation of time, different social contexts, and setting an overall mood or atmosphere.
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesDr. V Vorvoreanu
油
A prototype can simulate the final design through functionality and interactivity, and can take the form of paper sketches, linked wireframes, or a pre-alpha version. Prototypes can fall on a spectrum from "Lo-Fi" to "Hi-Fi" depending on how close they are to resembling the final product. Prototypes help communicate and test ideas early in the design process.11 info architecture-2014
11 info architecture-2014Dr. V Vorvoreanu
油
The document discusses information architecture and navigation. It outlines the objectives of explaining the 3 questions of navigation, applying them to critique interfaces, defining information architecture, and recognizing different organizational logics. It also discusses how to represent information architecture, using card sorting to solve problems, and factors like breadth vs depth and recommended design levels. Navigation must always answer where the user is, has been, and can go. Information architecture aims to organize information to support user tasks.14 grids
- 1. Page Layout
- 2. Lab guest speaker Matthew Highstrom, Interaction Designer for GM's HMI Design department - Insider's view behind the development of the Cadillac's User Experience driver interface as found in the Cadillac XTS Tuesday (tomorrow) 1:30 pm
- 3. Does this work? NO GRID!
- 4. Alignment
- 6. What are grids? Grids Columns
- 7. One Column
- 8. Two Columns
- 9. Two Columns
- 14. Three Columns
- 15. Three Columns
- 22. Four Columns
- 23. Four Columns
- 34. More Columns
- 38. The point is
- 39. Grids: How-to 1. Figure out page size 2. Divide it into a grid 3. Start designing
- 40. Figure out Page Size
- 41. Figure out Page Size Divisible by 3, 4, 5, 6, 8, 10, 12, 15, and 16 http://www.cameronmoll.com/archives/001220.html
- 44. Proportion
- 46. b a
- 47. Golden Ratio
- 48. b a
- 49. The Rule of Thirds