background preloader

Designing Great Apps

Designing Great Apps

22 Tricks You Must Master To Become A Keyboard Ninja UIKit User Interface Catalog: About Views Views are the building blocks for constructing your user interface. Rather than using one view to present your content, you are more likely to use several views, ranging from simple buttons and text labels to more complex views such as table views, picker views, and scroll views. Each view represents a particular portion of your user interface and is generally optimized for a specific type of content. Purpose. Experience app content Navigate within an app Implementation. Configuration. Content of Views All views in UIKit are subclasses of the base class UIView. Use the Mode (contentMode) field to specify how a view lays out its content when its bounds change. The Tag (tag) field serves as an integer that you can use to identify view objects in your app. Behavior of Views By default, the User Interaction Enabled (userInteractionEnabled) checkbox is selected, which means that user events—such as touch and keyboard—are delivered to the view normally. Appearance of Views Appearance Proxies

Nielsen Norman Group: UX Training, Consulting, & Research Latest News Auto-renewable subscriptions are a great way to let people access content, services, or premium features in your app. And Apple continues to set the bar in making it easy and transparent for subscribers to view, cancel, or manage their subscriptions. Our comprehensive approach includes providing email, push notifications, and in-app messaging to let subscribers know about upcoming changes and how to manage their subscriptions, or cancel if they prefer. Currently, when an auto-renewable subscription price is increased, subscribers must opt in before the price increase is applied. The subscription doesn’t renew at the next billing period for subscribers who didn't opt in to the new price. This has led to some services being unintentionally interrupted for users and they must take steps to resubscribe within the app, from Settings on iPhone and iPad, or in the App Store on Mac. For details, view App Store Connect Help.

Building a Visual Language This article is part of a series on our new Design Language System. Karri recently answered questions about this topic in a Designer News “Ask Me Anything” interview. Click here to read the transcript. Working in software development and design, we are often required to ship one-off solutions. Visual language is like any other language. Design has always been largely about systems, and how to create products in a scalable and repeatable way. A unified design system is essential to building better and faster; better because a cohesive experience is more easily understood by our users, and faster because it gives us a common language to work with. Why we need design systems Airbnb has experienced a lot of growth over the years. Too few constraintsSoftware design has few physical constraints compared to many other design disciplines. Multiple designers and stakeholdersSoftware is often built by teams– sometimes incredibly large teams– of people. Getting to work Laying the foundation Sketch.

4 Great Educational Web Tools Are Now Available for iPad October 20, 20141- EDpuzzle EDpuzzle is an easy and effective way to deliver videos in the classroom. Video is no longer a passive experience, with EDpuzzle video comes to life with audio-notes and questions. An interactive an unique experience for your students. Make any video your lesson. For students, EDpuzzle provides an easier way to learn through video-lessons outside of the classroom. Glogster app allows you to create interactive glogs. 3-Weebly Weebly, the popular website creation platform, has now a powerful app that works on iPad. The popular web platform Canva has recently released a great free app for iPad users.

10 things designers need to know about iOS 7 | Apple Apple has long been criticised for the slightly haphazard approach it's taken to the user interface design of its apps, and the iOS platform in general. Some apps have featured heavily skeuomorphic design, while others have been purely functional with little or no design flourish. Yesterday, though, that all changed. At its annual developers conference, WWDC, Apple introduced an all-new design language for iOS 7, eschewing the pseudo-3D patent-leather, wood and felt in favour of a clean approach that’s typography-led and heavily (although not exclusively) influenced by flat design. This shift in approach is a game changer to designers responsible for crafting iOS app interfaces. We’ve scoured Apple’s Transition Guide and picked out the 10 most important considerations for designers. Read all our app design-related articles here 01. One of the most important changes in iOS 7 for interface designers is the introduction of transparency and translucency. 02. 03. 04. 05. 06. 07. 08. 09. 10.

Web accessibility techniques | Centre for Excellence in Universal Design While accessibility guidelines are essential for setting, examining and referencing a desired level of accessibility, they can be cumbersome to use for anyone other than auditors or other accessibiltiy professionals. The information in this section provides practical, advice and direction for anyone involved in web development, design and content. Topics covered include developing accessible data tables, using colour wisely, writing well structured content and so on. Developers Comprehensive advice on the technical implications of web accessibility, with code snippets and cross references to the WCAG and the NDA it accessibility guidelines. Designers Tailored for web and graphic designers, this section contains specific information on the use of images, colours, multimedia and so on. Content providers and editors If you write, edit or manage content for a website, this section covers the issues that affect you.

- Swift Evolution Anyone with a good idea can help shape the future features and direction of the language. To reach the best possible solution to a problem, we discuss and iterate on ideas in a public forum. Once a proposal is refined and approved, it becomes a release goal, and is tracked as a feature of an upcoming version of Swift. To support this process, the Swift Evolution repository collects the goals for the upcoming major and minor releases (as defined by the core team) as well as proposals for changes to Swift. Below is a list of all the current and upcoming proposal reviews. 384 proposals Active Review Review Manager: Tony Allevato (https//github.com/allevato) Scheduled: December 16 – January 15 November 14 – December 2 Accepted Previewing Implemented Implemented In: Swift 5.8 Swift 5.7 Swift 5.6 Swift 5.5.2 Swift 5.5 Swift 5.4 Swift 5.3 Swift 5.1 Swift 5.2 Swift 4.2 Swift 4.1 Swift 3.1 Daniel Dunbar Swift 3.0.1 Swift 2.2 Returned Status: Returned for Revision Rejected Withdrawn

Components, styles, and shared library best practices This question comes up often and the answer varies greatly based on individual designers' workflow preferences. That said, we generally recommend turning things into components fairly early in the design process. Once you have elements repeated across multiple screens, it's a good time to start thinking about components (even if you at fairly low-fidelity stages of your project). The design may change and go through many refinements, but creating components at this stage means you can save time later by making those changes once (with the original component), and having them update across all of your screens (with the instances). Main components live wherever you create them, usually in context within your design, which makes them easy to tweak as your design progresses (except for bigger companies which house their main components in a separate design system file). Structuring your components atomically Quick tip: By prefixing component names with a '_' or a '

14+ YouTube Playlists To Watch & Learn Computer Programming Quickly Since it never hurts to learn something new, especially a skill set like computer programming in different languages, we will go over some of the best channels that will introduce you to the world of programming. Let’s look at which channels made the cut. thenewboston thenewboston is a truly great channel with an immense collection of programming tutorials. The official website contains a list of all the tutorials made so far, which are well into the thousands (about 1500 videos as of this writing). Not only does it have tutorials for various programming languages, but it also has videos on building computers, tutorials for software like Dreamweaver and After Effects, as well as 3D-modeling software. To jump into thenewboston’s tutorials for different computer programming languages, check out: Playlist For Java Tutorials (87 videos) & Playlist For Intermediate Java Tutorials (27 videos) thenewboston also has a number of tutorials for different Adobe Products: Xoaxdotnet (For C++ Tutorials)

OrgOrgChart: The Evolution of an Organization | Autodesk Research The OrgOrgChart (Organic Organization Chart) project looks at the evolution of a company's structure over time. A snapshot of the Autodesk organizational hierarchy was taken each day between May 2007 and June 2011, a span of 1498 days. Each day the entire hierarchy of the company is constructed as a tree with each employee represented by a circle, and a line connecting each employee with his or her manager. Larger circles represent managers with more employees working under them. The tree is then laid out using a force-directed layout algorithm. From day to day, there are three types of changes that are possible: Employees join the company Employees leave the company Employees change managers Instead of recomputing the full layout each day, we animate the transitions from one day to the next. If you can, try watching the video fullscreen, at 1080p resolution. Still Frames If you are unable to watch the video, here are some static images from the animation: Feedback

- Documentation If you are new to Swift, you may want to check out these additional resources. Swift Language The Swift Programming Language Book The Swift Programming Language is the authoritative reference for Swift, offering a guided tour, a comprehensive guide, and a formal reference of the language. Translations We encourage you to participate in translating The Swift Programming Language into other languages. If you know of a quality translation project underway, please let us know on the Compiler Development forums, and we’ll provide a link to that project on this page. Standard Library The Swift standard library defines a base layer of functionality for writing Swift programs. Packages There are a number of packages that are part of the core Swift project. Swift-DocC DocC is a documentation compiler that makes it easy for you to produce documentation for your Swift frameworks and packages. API Design Guidelines Tools Swift Package Manager Migration Guidelines

10 tips on using components in Figma | by Jake Tsacudakis | Design with Figma | Medium You have a clear system for structuring, organizing and maintaining your components. Now let’s review some best practices on creating components to improve your team’s workflow and productivity. 4) Set up constraints and layout grids for predictable behavior Once you have the core design set for a component, take some time to set the constraints and layout grid (as needed). One note on layout grids. 5) Preserve text overrides on instance swaps One of the great things about Figma is you can preserve text overrides when you need to swap instances. 6) Use Clip content to reduce repetitive instances Since components act like frames for all intents and purposes, we can utilize the clip content feature to toggle whether or not elements that extend beyond the bounds of the component are cropped or hidden. 7) Add component documentation Master components come with a description field where you can add information about the component’s usage, behavior, and other relevant context.

Related: