a year ago translated a part of this article, recently finally translated completed. Although this design idea has been put forward for several years, but still feel that should be in the domestic promotion, let everyone know the "content strategy", "mobile First", "Responsive Design", "Atomic design" and other design ideas and technology sources. These concepts were, in fact, the firstLuke Wroblewski,Brad Frostand other people in the framework of the same design ideas proposed. The author after the "Friendly design for the future(Future Friendly Web Design) "Design concept co-founderJason Grigsbyauthorized to translate this design idea framework into Chinese version for the first time. Limited ability, please correct me, welcome to spread, please indicate the source when reproduced. First, preface
today, the number of networked mobile devices is growing rapidly, people's internet habits are constantly changing, the wave of mobile Internet is in the ascendant, as designers and developers, need to understand the following several status:
- The fragmentation of the device is highlighted. The future will be the emergence of more and more differentiated web-accessible devices, people will be through a variety of wonderful network environment to use them;
- Because of the difference between the design and reduction ability of mobile devices, the standard, workflow and basic framework that we have worked so painstakingly to settle can not meet the design needs of the differentiated equipment.
- Solutions are always better than specifications, and before we find a common solution across devices and platforms, we can only start looking for a single, targeted solution to a number of target devices;
- The establishment of cross-platform common standards is long and tortuous. In the quest for solutions, a standardized solution needs to be born gradually in the process of trial and error.
Embracing the future
The road is tortuous, the front is bright. The future development of network and equipment environment will bring us what we can not know. But anyway, we should do:
- Believe in the future, embrace the unknown;
- In the design work to learn and apply some of the design ideas to adapt to the future, that is, the future of friendly design ideas;
- Use the above ideas to help and influence others.
Second, thinking
Our design should be more friendly to the future. We should make predictions for the future, choose the right technology for people to create products or values that meet today's needs and adapt to future changes. Here are some theoretical thoughts on products, design and technology, and if you have new ideas about these theories, or if you have trail, please share them.
Focus on Content
we do not want to pursue all the content on all devices, we need to determine what the user wants to see, and then reorganize it in a reasonable way to adapt to the user's device. You know, it takes a lot of work to make sure that users rely on their own eyes to sift through what they need. With a range of design and technical solutions, we can make it easy and enjoyable for users to access content and services on a variety of devices. This differentiated content organization or design scheme, can draw on the following three kinds of ideas:
- Content first
- Mobile First
- User-centric content
user-centric data
today's users tend to have multiple networked devices that can interoperate with each other, like icloud, and if you use the ipad side to modify your contacts, a phone that's logged in to the same account will instantly get what you've changed on your ipad. The future-oriented friendly design will refer to this as "user-centric data", the main points can be referred to the following:
- According to the characteristics of the device, use a unique and flexible way to access the data on different devices;
- The same service in the multi-device data to comply with certain specifications;
- Focus on the long-term integrity of data;
- References in the content must be meaningful and have long-term access;
- Each device should provide read and write operations (edits to content or source of content).
- Cope principle: Create in one place, publish in multiple places
- Collect your favorite bag (bagcheck) from the command line
- User experience with Data
organization of Content
The content of reasonable organization is the core of design. Since we can only adapt content to a wide selection of devices, we need to understand as much as possible the differences, constraints, and constraints between devices. Then, according to the characteristics of each device to the targeted design. The future is changeable, and the way of adaptation is diverse. Only by daring exploration and reasonable prediction can we find the right solution.
whether it's a high-end smart machine or an older device with a large limit, the design of inter-device content interoperability is also part of a friendly design for the future.
- What's ready for the future?
- Web content that can be adapted
- Form precedes content
identification of unknown devices
faced with a variety of different types of equipment, design work is undoubtedly a formidable challenge. The standardization of the implementation of the Web is undoubtedly the best way to simplify the design work, and at the same time, according to each of the different equipment identification information, personalized adjustment, is to complete the design work necessary to complement.
classify the devices that are currently in need of adaptation and apply the classification method to new devices that may appear in the future.
- Device detection
- Yiibu Device Information Tool Introduction
- Device Differences and responsive design
use a variety of devices to build your own web ecosystem
in our digital life, each device has the advantage of every device. So we will choose the right equipment to do the right job. These devices form a web ecosystem that surrounds us as we efficiently use several of our own devices to serve our lives. In this ecosystem, the relationships between devices are not fragmented. And only in this ecosystem can each device maximize its role. What we need to consider is how to use this ecosystem to improve the ability and efficiency of our work.
- Multi-screen life
- Rear mobile device
- Considering the design of the sensor
iii. Participation
Welcome to the "future friendly Design". Now you're a part of us. You can use it in your work, or promote it to others. Let's say you can do something like this:
Think about our philosophy of design before you start designing
"Future Friendly Design" describes a design principle, rather than a particular technical implementation scenario. Specific technologies may thrive or become obsolete over time. There is also no method, technique, or process that can solve all problems like balm. "Friendly design for the future" is a design philosophy that should be in the technology.
Use the name "friendly design for the future"
when you discuss the principles with your peers in your design work, use the name "future friendly design" to promote the concept and the principles behind the concept to your peers. Add #ffly tags to your microblog and use the dedicated logo (. eps or. ai) for future friendly design.
Communication Concepts
Share our website with your partners, subordinates, and bosses by introducing the concept of "friendly design for the future". The promotion of the new concept is bound to have resistance. Try to connect our design concepts and business goals, user experience, relationship chain promotion and other tough to explain, perhaps to win the approval of most people.
Choose a technology solution that meets the "future friendly Design"
Check out the current project objectives and choose a technical solution that meets the "future friendly design" to achieve it. "Future friendly design-ideas" has the learning resources you need. Many authors are also constantly enriching our theoretical and technical articles, and we cordially invite you to check out our work while looking forward to your sharing:
- Andrea Trasatti
- Brian Leroux
- Bryan Rieger
- Brad Frost
- Jason Grigsby
- Jeremy Keith
- Josh Clark
- Luke Wroblewski
- Lyza D. Gardner
- Scott Jehl
- Scott Jenson
- Stephanie Rieger
- Tim Kadlec
more
more information can be found in the "future friendly design" tweet @future_friendly or this list of technical practice articles maintained by Dave Olsen for ongoing updates. List of Advocates for the future-friendly design
- Luke Wroblewski
- Scott Jenson
- Brad Frost
- Jeremy Keith
- Lyza D. Gardner
- Scott Jehl
- Stephanie Rieger
- Jason Grigsby
- Bryan Rieger
- Josh Clark
- Tim Kadlec
- Brian Leroux
- Andrea Trasatti
some of the "friendly Design for the future" resources organized by individuals Blog
Responsive web Design founder Ethan Marcotte
Mobile-First forerunner Luke Wroblewski
The main advocate for the concept of "future friendly Design" Brad Frost
Book
Erin Kissane: "Elements of content policy the Elements of content strategy"
Ethan Marcotte: "Responsive design responsive Web Design"
Luke Wroblewski: "Mobile First"
Karen McGrane: "Content policies on mobile devices strategy for mobile"
article
JOHN Allsopp: The road to web Design A DAO's Web Design (2000.4.7)
Luke Wroblewski: Mobile First (2009.11.3)
Ethan Marcotte: Responsive design responsive Web design (2010.5.25)
Luke wroblewski:ress: Responsive design + server-side support ress:responsive design + server Side components (2011.9.12)
Mark Boulton: Workflow for Responsive design Responsive Summit:workflow (2012.2.24)
Slides
Thomas byttebier: Responsive Web Design responsive web designer (2011.11.29)
Pon Kattera: Design flow in the era of responsive design process in the responsive Age (2012.6.21) In addition, I tell the history and development of responsive design ppt: "Responsive design: Rebuild as Design", where some of the appendix resources can be used as a reference"Future Friendly Web Design" original idea: Http://futurefriend.ly
Friendly design for the future: Friendly
