Skip to main content

Home/ Open Intelligence / Web 3X (Social + Mobile)/ Group items tagged design

Rss Feed Group items tagged

D'coda Dcoda

Building Mobile Web Apps the Right Way: Tips and Techniques [09May11] - 0 views

  • Here’s a quick breakdown of the big differences between desktop and mobile platforms: Mobile device hardware is smaller and generally tends to have lower hardware resources than desktops/laptops. Smaller screens bring about different design considerations and challenges. Touchscreen technology introduces new interaction concepts that differ from traditional input devices (keyboard and mouse). With a mobile device, internet connectivity is not always as reliable as a hard-wired broadband connection, which means internet connectivity is a concern and data transfer could be significantly slower. Although these sound as if they are hurdles to get over, with careful thought and consideration, there’s no reason why they should be. Touchscreen technology is exciting. The smaller screen design will really make you think about how to get the user to interact with your mobile web app in the most satisfying way possible. What we should really be doing is looking at the list of differences above and seeing opportunities to deliver our content in a different way. Building mobile web apps will be a paradigm shift from traditional web development and web design.
  • In the next sections, we will discuss development/design considerations, as well as concepts and techniques for building mobile web apps.
  • Keep File Sizes Small
  • ...11 more annotations...
  • Dealing with Image Performance We want to try to get rid of as many images as we can. For the images we keep, we want them to be as lightweight as possible. If images are a necessity for particular parts of your mobile web app design, then there are a couple of extra steps we can use to trim off any excess fat from your files.
  • Use Adobe Fireworks for Transparent PNGs
  • Using ImageAlpha If Fireworks sounds like too much of a bother, check out ImageAlpha. Once installed, all you need to do is drag your images into its main window and then tweak the export settings to remove excess data from the images.
  • To learn more about using PNGs in web designs, see the Web Designer’s Guide to PNG Image Format.
  • Leveraging CSS3 Mobile web browsers these days are pretty advanced. Android devices use a mobile version of Google Chrome, whilst the iPhone does the same with Apple’s Safari. Some mobile devices come with mobile Opera and others allow you to install a browser of your choice such as mobile Firefox. So we’re talking about some pretty good browsers in terms of CSS3 and HTML5 feature support. CSS3 allows us to render things through code that would previously have required an image. We can use color gradients, draw rounded corners, create drop shadows, apply multiple backgrounds to HTML elements, and more — all of which can help improve performance and decrease development times.
  • If you look at a typical application interface via your smartphone, it’s almost guaranteed that you’ll find CSS3 being used.
  • By using CSS3, we can reduce data transfer — particularly images and possibly excess HTML markup. We let the browser and the device do the work to render the interface more quickly.
  • HTML Canvas If you fancy a little more work, then you can improve speed even further using the canvas element. Although using CSS gradients eradicates the loading of a physical image, that method still causes the device’s rendering engine to construct an image in the browser, which can result in a performance reduction depending on the device and browser.
  • Hardware Acceleration When it comes to mobile web apps, Apple’s mobile devices are a major consideration that we need to be aware of because of the current popularity of the iPhone and iPad. Safari 5 (on all platforms) brings hardware acceleration into the mix. If you’re not familiar with the feature, Apple describes it as follows: "Safari supports hardware acceleration on Mac and PC. With hardware acceleration, Safari can tap into graphics processing units to display computing-intensive graphics and animations, so standards like HTML5 and CSS3 can deliver rich, interactive media smoothly in the browser."
  • Be Cautious of CSS3 Rendering Performance As brilliant as CSS3 is, certain properties can slow down a web page. WebKit-based browsers, for instance, really seem to struggle with shadows in particular, so just be careful that you don’t apply too many of these to elements of your interface until the issue has been resolved.
  • Consider the Offline User Experience Finally, let’s briefly discuss HTML5 offline data storage.
  •  
    Very useful, but visit site for complete "how-to"
Dan R.D.

The Power of Creativity: How Game Design Changes the Way We Think [23Sep11] - 0 views

  • Every summer, fifty fifth graders converge on Manhattan for a week-long game design camp called Mobile Quest and magic happens.
  • A game is a complex system. It is a miniature world, in many ways analogous to the world we live in. The game occurs in a space or setting. It has its own physical laws or rules. It engages people or players, who generate outcomes by making choices and taking actions. Learning occurs largely by trial and error, and through this learning a clear goal or goals emerge. There is a sense of progress, a system of feedback, incentives, reward, punishment, reputation. The only difference is that the game world has been 100 percent designed, and it is an experience players can choose to walk away from. This means game designers must capture and retain players' attention and interest quickly.
Marc-Alexandre Gagnon

Tinkercad Raises $1 Million, Aims To Popularize 3D Printing | TechCrunch [08Nov11] - 0 views

  • Exclusive - Tinkercad, a startup that aims to introduce browser-based 3D printing CAD to the masses, has landed $1M in seed funding from True Ventures, Jaiku founder Jyri Engestrom, Delicious founder Joschua Schachter, Eghosa Omogui and Taher Haveliwala.
  • The company’s mission is to ‘reach and teach’ a wide audience on the use of CAD software and creating ‘fun and meaningful’ things like jewelry, toys, car parts and whatnot, using 3D printers.
  • Kai Backman, Tinkercad’s co-founder and CEO, explains that one only needs a browser and a couple of minutes to use its browser-based software and have a 3D project ready for printing.
  • ...2 more annotations...
  • “We use game-like quests to teach what we call ‘design literacy’, understanding the design of physical things. By lowering the barrier of entry, our users have been able to create and print a wide variety of awesome items”, he adds.
  • Tinkercad is free, and encourages sharing designs under a creative commons license. Once users create designs with the software, which seems pretty easy to use based on my rudimentary testing, they can order designs directly from printing services like Shapeways and i.Materialise or download STL files to use other printing services or personal 3D printers like Makerbot’s Thing-O-Matic.
D'coda Dcoda

Seduction Secrets In Video Game Design [20May11] - 0 views

  • "Drawing on cognitive science, an increasing number of game theorists and designers say that our growing love of video games has important things to tell us about our intrinsic desires and motivations. Central to it all is a simple theory – that games are fun because they teach us interesting things and they do it in a way that our brains prefer – through systems and puzzles. 'With games, learning is the drug,' writes Raph Koster, the designer of seminal multiplayer fantasy games such as Ultima Online and Star Wars Galaxies. 'In game theory, this is often spoken of as the "magic circle": you enter into a realm where the rules of the real world don't apply – and typically being judged on success and failure is part of the real world. People need to feel free to try things and to learn without being judged or penalised.' Another important element is autonomy as games tap into our need to have control.
  • Finally another important game design facet is 'disproportionate feedback,' in which players are hugely rewarded for achieving very simple tasks. In highly successful shooters such as Call of Duty and Bulletstorm, when an enemy is shot, they don't just collapse to the floor, they explode into chunks. 'You're good, you're a success – you're powerful,' writes Stuart. 'Disproportionate feedback is an endorphin come-on.'"
Marc-Alexandre Gagnon

Research Summary: Demystifying Enterprise Gamification For Business « A Softw... - 0 views

  • Gamification describes a series of design principles, processes and systems used to influence, engage and motivate individuals, groups and communities to drive behaviors and effect desired outcomes. Originating from the video game industry, many of these pioneering concepts now play a key role in driving incentive and behavior management for both brands in the consumer world and internal scenarios in the workplace. Enterprise gamification is a user experience (UX) and consumerization of IT (CoIT) trend that will take the market by storm in 2012. Constellation believes that by 2013, more than 50 percent of all social business initiatives will include an enterprise gamification component.
  • In interviews with 55 early adopters of enterprise gamification, Constellation identifies the three core pillars that include measurable action, reputation and incentives. By creating triggers through both monetary and non-monetary incentives among customers, employees, partners, suppliers and other interested parties, organizations can secure sustainable engagement and drive business outcomes such as improved marketing response from external communities, sustained long-term customer loyalty, increased collaboration among internal teams, or enriched onboarding, delivering success with new hires, partners, and customers.
  • Enterprise gamification requires an application of psychology and behavioral economics to incentivize outcomes. Because enterprise gamification maps closely to human behavior, organizations will want to follow Constellation’s best practices in appealing to the “Seven Deadly Sins” for gamification design.
  • ...2 more annotations...
  • Some highlights of the report include: Details on who’s using gamification across the enterprise The three pillars of enterprise gamification The six elements of sustainable engagement Sustainable behaviors to drive desired business outcomes The Seven Deadly Sins to Optimize Gamification Design The top gamified business processes for the enterprise (see Figure 1)
  • Designing your gamification models?  What enterprise business processes will you gamify first? next?   Ready to turbo charge your next generation customer experience?  Have you tested out iActionable, CrowdTwist or the 3B’s (i.e. Badgeville, Bigdoor, and Bunchball?  Ready to here how you can apply the white arts of the 7 Virtues to work?  Add your comments to the blog or reach me via email: R (at) ConstellationRG (dot) com or R (at) SoftwareInsider (dot) com.
Dan R.D.

Video-Sharing iPhone App Limits Users to 1-Minute Clips [22Sep11] - 0 views

  • If mobile video sharing is to follow in the footsteps of its more desirable mobile photo-sharing cousin, which application will users want to use to shoot, share and discover video clips? It’s too soon to tell, but startup Klip joins the fray and is now vying for your video attention. The startup released its application for iPhone on Monday with a focus on letting users share super-short 1-minute video clips — on Klip or with Facebook, Twitter and Youtube — and helping users discover clips from friends or other users based on topics of interests. “Klip re-invents the way consumers experience the world by organizing mobile videos in real time and by connecting consumers with the people and the topics that interest them,” the company says.