Overhauling one of the most visited web sites in the world is a major task, and add on top of it the pressure of keeping performance the same while adding a ton of new features, and you have quite a task. Learn how the Yahoo! homepage team achieved performance parity with the previous version even while adding a ton of new features.
Believe it or not, accessibility is more than just screen readers. There's a whole group of users who only use a keyboard (without a mouse). Learn how to make the web a friendly place for all kinds of people by ensuring keyboard accessibility.
High Performance JavaScript - WebDirections USA 2010Nicholas Zakas
Ever wonder why the page appears frozen or why you get a dialog saying, “this script is taking too long”? Inside of the browser, JavaScript and the page’s UI are very intertwined, which means they can affect each other and, in turn, affect overall page performance. Ensuring the fastest execution time of JavaScript code isn’t about geek cred, it’s about ensuring that the user experience is as fast and responsive as possible. In a world where an extra second can cost you a visitor, sluggishness due to poor JavaScript code is a big problem. In this talk, you’ll learn what’s going on inside the browser that can slow JavaScript down and how that can end up creating a “slow page”. You’ll also learn how to overcome the conspiracy against your code by eliminating performance bottlenecks.
Overhauling one of the most visited web sites in the world is a major task, and add on top of it the pressure of keeping performance the same while adding a ton of new features, and you have quite a task. Learn how the Yahoo! homepage team achieved performance parity with the previous version even while adding a ton of new features.
Believe it or not, accessibility is more than just screen readers. There's a whole group of users who only use a keyboard (without a mouse). Learn how to make the web a friendly place for all kinds of people by ensuring keyboard accessibility.
High Performance JavaScript - WebDirections USA 2010Nicholas Zakas
Ever wonder why the page appears frozen or why you get a dialog saying, “this script is taking too long”? Inside of the browser, JavaScript and the page’s UI are very intertwined, which means they can affect each other and, in turn, affect overall page performance. Ensuring the fastest execution time of JavaScript code isn’t about geek cred, it’s about ensuring that the user experience is as fast and responsive as possible. In a world where an extra second can cost you a visitor, sluggishness due to poor JavaScript code is a big problem. In this talk, you’ll learn what’s going on inside the browser that can slow JavaScript down and how that can end up creating a “slow page”. You’ll also learn how to overcome the conspiracy against your code by eliminating performance bottlenecks.
Some basic information and concepts about designing user interface on iOS and Android.
Help designers to quickly have knowledge about how to start and what to prepare when designing app interface on iOS and Android.
One of the most useful freebies available on the web for mobile app developers is icons and when a collection of great free mobile icon sets is presented to them like this – it saves a lot of your time and efforts.
Designing cross-platform mobile user interface (UI) is a nightmare. Even if the three main OS speak almost the same language, they actually speak three different lingos.
Enhancers will showcase an optimal workflow – starting with Android Material – to minimize effort and variations, keeping the user experience (UX) great along all platforms.
Designing for Mobile: User-centering; How-tos; TrendsNetcetera
Tips for designing the overall appearance of an application, design tendencies and how the app can be made user-friendly, with clever use of the platform styles, platform UI as well as colors, fonts, sizes and white space.
Some basic information and concepts about designing user interface on iOS and Android.
Help designers to quickly have knowledge about how to start and what to prepare when designing app interface on iOS and Android.
One of the most useful freebies available on the web for mobile app developers is icons and when a collection of great free mobile icon sets is presented to them like this – it saves a lot of your time and efforts.
Designing cross-platform mobile user interface (UI) is a nightmare. Even if the three main OS speak almost the same language, they actually speak three different lingos.
Enhancers will showcase an optimal workflow – starting with Android Material – to minimize effort and variations, keeping the user experience (UX) great along all platforms.
Designing for Mobile: User-centering; How-tos; TrendsNetcetera
Tips for designing the overall appearance of an application, design tendencies and how the app can be made user-friendly, with clever use of the platform styles, platform UI as well as colors, fonts, sizes and white space.
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
Connect Conference 2022: Passive House - Economic and Environmental Solution...TE Studio
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEFebless Hernane
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
In today's digital era, the dynamics of brand perception, consumer behavior, and profitability have been profoundly reshaped by the synergy of branding, social media, and website design. This research paper investigates the transformative power of these elements in influencing how individuals perceive brands and products and how this transformation can be harnessed to drive sales and profitability for businesses.
Through an exploration of brand psychology and consumer behavior, this study sheds light on the intricate ways in which effective branding strategies, strategic social media engagement, and user-centric website design contribute to altering consumers' perceptions. We delve into the principles that underlie successful brand transformations, examining how visual identity, messaging, and storytelling can captivate and resonate with target audiences.
Methodologically, this research employs a comprehensive approach, combining qualitative and quantitative analyses. Real-world case studies illustrate the impact of branding, social media campaigns, and website redesigns on consumer perception, sales figures, and profitability. We assess the various metrics, including brand awareness, customer engagement, conversion rates, and revenue growth, to measure the effectiveness of these strategies.
The results underscore the pivotal role of cohesive branding, social media influence, and website usability in shaping positive brand perceptions, influencing consumer decisions, and ultimately bolstering sales and profitability. This paper provides actionable insights and strategic recommendations for businesses seeking to leverage branding, social media, and website design as potent tools to enhance their market position and financial success.
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
1. “It is not the strongest of the species that
survives, nor the most intelligent that survives. It
is the one that is most adaptable to change.”
-charles darwin-
2. iOS 6 to iOS7
UI/UX perspective
Designing a great user interface for your iOS app
requires tremendous care, creativity, continual
iteration, and a solid ...
3. All new iOS7
• Control Centre
• Notification Centre
• Multi-tasking
• Enhanced Camera
• Photos
• Airdrop
• Safari
• Safari- iCloud Keychain
13. Icon and Image Sizes
Size for iPhone 5 and
iPod touch (high
resolution)
Size for iPhone and iPod Size for iPad and iPad
touch (high resolution) mini (high resolution)
Size for iPad 2 and iPad mini
(standard resolution)
120 x 120
120 x 120
152 x 152
76 x 76
1024 x 1024
1024 x 1024
1024 x 1024
1024 x 1024
Launch image (required
640 x 1136
for all apps)
640 x 960
1536 x 2048 (portrait)
768 x 1024 (portrait)
2048 x 1536 (landscape) 1024 x 768 (landscape)
Spotlight search results
icon (recommended)
80 x 80
80 x 80
80 x 80
40 x 40
58 x 58
58 x 58
58 x 58
29 x 29
About 44 x 44
About 44 x 44
About 44 x 44
About 22 x 22
Tab bar icon (optional)
About 50 x 50
(maximum: 96 x 64)
About 50 x 50
(maximum: 96 x 64)
About 50 x 50
(maximum: 96 x 64)
About 25 x 25 (maximum: 48
x 32)
Default Newsstand
cover icon for the App
Store (required for
Newsstand apps)
At least 1024 pixels on
the longest edge
At least 1024 pixels on
the longest edge
At least 1024 pixels on
the longest edge
At least 512 pixels on the
longest edge
120 x 120
152 x 152
76 x 76
Description
App icon (required for
all apps)
App icon for the App
Store (required for all
apps)
Settings icon
(recommended)
Toolbar and navigation
bar icon (optional)
Web clip icon
(recommended for web 120 x 120
apps and websites)
14. App Icons
Devices
iPhone Non Retina
iPhone Retina
iPad Non Retina (mini and
2nd gen)
iPad Retina
iOS 6 size (in pixel)
iOS 7 size (in pixel)
57 x 57
not available
114 x 114
120 x 120
72 x 72
76 x 76
144 x 144
152 x 152
15. App Icon cont.
• No Glossy effect
Please visit for more information: http://www.mani.de/backstage/?p=483
16. When You Submitting..
• Invalid Image - For iOS applications, icons
included in the binary submission must be in the
PNG format.
• -If your application supports the iPhone device
family, you must include square icons of the
following dimensions: 57x57 pixels and 120x120
pixels.
• -If your application supports the iPad device
family, you must include square icons of the
following dimensions: 72x72 pixels, 76x76 pixels
and 152x152 pixels