archive-com.com » COM » D » DESIGNCAFFEINE.COM

Total: 264

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Presentations
    solid detailed visual examples of mobile UI best practices There is an anecdote from that event which to me illustrated both Greg s outstanding personal character and his genuine interest in expanding his own knowledge At one point not knowing I was in the audience he showed one of my designs as an example of asking for unnecessary information At the next break I stopped and introduced myself and explained why that particular form field was indeed important as it impacted the prices a customer would see Rather than just smiling and dismissing that information as most speakers would have done when the session restarted he asked for the whole room s attention He then told everyone about our conversation and even went back to that slide to show the visual in question and emphasized why it was important that all designers fully understand business requirements before passing judgements In my experience only a small handful of authors would have done that Therefore if you are looking for an author speaker for internal staff training consulting or upcoming UX event I recommend Greg and his books very highly He is able to effectively and rapidly communicate real world UI solutions that can immediately improve any mobile application design Marti Gold UX Director North America at W3 Americas 02 05 14 Bay Area UX UI Mobile Design Meetup Intuit HQ Mountain View Designing Android 4 Apps for iOS Designers 01 22 14 Mobile Payments and Value Added Services Summit New York NY Mobile Payment Technology Panel with Dell and MasterCard CANCELLED DUE TO STORM 12 07 13 General Assembly San Francisco CA Lean Mobile Design Workshop 1 Day 11 08 13 San Francisco State University San Francisco CA Mobile UX UI Design Intensive Certificate 3 CEU 10 22 13 On Android Conf San Francisco CA Experimental Android UX Design Patterns 10 16 13 Latinoware Iguassu Brasil Keynote Experimental Android Design Patterns 09 25 13 BayCHI Yahoo Sunnyvale CA Designing Android 4 Apps for iOS Designers 09 12 13 The Mobile UX Summit Rosenfeld Media Android 4 x Design 5 Tips and a Case Study 08 22 13 UserTesting Interview Celebrate Fragmentation Search is Dead When to Not Build Apps 08 20 13 UserTesting Webinar Secrets of Mobile Success 08 19 13 Silicon Valley iOS Developers Meetup San Francisco CA Designing in Android 4 x for iOS folks 07 30 13 NoPanels Mountain View CA Mobile UX for Startups 07 20 13 Mobilek it Los Angeles CA Agile Mobile Design Workshop 06 29 13 General Assembly San Francisco CA Agile Mobile Design Workshop 2 Day Series 06 11 13 USAA Bank San Antonio TX Mobile Design Workshop through Rosenfeld Media 05 10 13 Oracle Redwood Shores CA Responsive Design Workshop through Rosenfeld Media 04 20 13 Mobile Camp Chicago Chicago IL Designing Mobile Magic Moments 03 12 13 South by Southwest San Antonio CA Agile Mobile Design Workshop Testimonials 4 min Video Sample 7 min 02 09 13 World IA Day Los

    Original URL path: http://www.designcaffeine.com/presentations/ (2016-04-27)
    Open archived version from archive


  • The $1 Prototype: Lean Mobile UX Design and Rapid Innovation for Material Design, iOS8, and RWD
    and start ups from pivoting especially with opposed business objectives PROTOTYPE Style your app or website with the right style for a given component Spinner Toolbar Search etc Save months by designing and prototyping at the same time Escape the clutches of a Windows developer mindset and focus on the unique UX features of mobile first solutions TEST Inject the focus on customer outcomes into the core of your team or client relationship Keep user research lean accessible and readily available while eliminating overhead Ensure that the right people are aware of the results at the right time Ensure that you remain the project designer even when everyone knows UX COLLABORATE Help your team create a joint set of goals so decisions come from a shared perspective Encourage lean from the gut calls while avoiding intractable arguments Implement lean user feedback into an agile sprint Phase match the UX design efforts with code development so they can inter dependently create together This book is the only reference you need to experience first hand how to do it all for our product teams how to keep your deliverables manageable keep all of the project balls in air how to communicate results how to train your team so the easy stuff is tackled and you can work on the creative fun HARD STUFF And that s just the tip of the iceberg The book uses a unique Question Answer format to answer 31 key questions and provides 4 real world case studies and hours of live action video The techniques in 1 Prototype are the EXACT SAME techniques used by Google to create the Material Design Digital Paper and to instruct their very select group of startups at Google Ventures And now you can take these lean modern mobile innovation techniques and apply them to your own project You don t need expensive design software time consuming deliverables and extensive documentation You need simple compelling UX techniques that produce immediate results That s exactly what The 1 Prototype delivers The 1 Prototype Lean Mobile UX Design and Rapid Innovation for Material Design iOS8 and RWD DRM Free eBook in 3 most popular formats Get it now on all your devices ePUB Kindle app MOBI iBooks app PDF Laptop or desktop Includes all future editions and updates of this book Print List Price 26 Your Price 9 99 You Save 160 Buy Now Provides a wealth of resources to up your game by working with your users to develop great RWD sites or apps contains a host of practical examples that you can implement from day one One of the big pluses for me from the Prototype step is how this fits great with Google s new material design approach A couple of different colored notes and maybe a set of round stickers and you have a instant floating action bar This book can be a great resource for single practitioners or teams I can see it fitting in with both Agile and

    Original URL path: http://www.designcaffeine.com/overview-the-1-dollar-prototype/ (2016-04-27)
    Open archived version from archive

  • Visual Guide to Android L Material Design: 7 Insights Every Serious Designer Needs to Know
    are two new Material Design screens that demonstrate salient points At the same time Google cautions against the recent trend of over cardification that is making cards out of a bunch of similar items in a list Based on these guidelines it seems clear that Google does not want you to cardify long homogeneous textual lists like a list of emails Yet this directive confuses many people Based on my teaching experience thus far I believe this is due to confusion about what represents a card For example these new Material Design screens showing long homogeneous lists of photos of different sizes that look a great deal like cards With maybe a smidgen less of a drop shadow So we are still somewhat in uncharted territory insofar as photo cards are concerned My basic recommendation is that any homogeneous list does not need to be cardified There should be clear multiple calls to action on a single item to warrant making it into card 4 Junk Drawer I first spoke of using Drawer for navigation at the Design4Mobile conference in Chicago in 2010 just a few months before Facebook released the first drawer for the Facebook iPhone app I claim no credit for Facebook design just a case of minds thinking alike and all that After that initial memorable Facebook design Drawer became an important functional element that achieved widespread acceptance in Android 4 x design scheme Likewise in Material Design you can also find the Drawer at every screen resolution There is an important difference however Android L Material Design specification is far from recommending the Drawer as standard equipment for all apps for the first time Google points out that there are both positive and negative aspects of the Drawer Negative Drawer leads to reduced visibility and user awareness Positive Drawer supports large number of top level views convenient cross navigation Another important change is what goes into the drawer Recall that in Android 4 x admin tools and other junk such as Settings Help and Login Logout functions went into the overflow menu 3 vertical dots on the top right hand side of most screens Google was adamant about this and required these overflow menu items in order to even consider the app for featured status In contrast in Android L so far overflow menus appear to be quite rare Instead admin tools and junk including Settings Help and Login Logout end up in the top level Drawer For example take a look at the new Material Design Calendar app The contents of the Calendar Drawer are no longer the top level navigation or even a transient homepage They are basically filters and other junk you normally want to hide including very notably the Settings function This clearly points to the new Material Design Drawer becoming a kind of a catch all junk drawer In my opinion this junk drawer that contains Settings is a welcome alternative to requiring access to Settings in overflow menus on every screen However the question of navigation is now more muddied than ever If the Drawer does not represent top level navigation as in the Calendar drawer above it is not nearly as useful Should we still allow access to the Drawer from every screen Should we for example plan to break the Material Design conventions even before the new OS is even released from Beta Maybe in favor of some alternative solution such as the innovative iOS8 Amazon com app navigation that allows both the back button and drawer access from the same bar Only we would be using the up button instead since Android already has the hardware back button In the end it s the Highlander face off there can be only one For now in Material Design if you do use the Drawer you dispense completely with the up button which is supposed to go into that same top left position on the app bar There does not appear to be a Google approved way to implement both the up button and the drawer together The only way to support large number of top level views convenient cross navigation is to use the Drawer together with the hardware back button 5 Full Screen Ahead Speaking of Drawers collapsing panels of all kinds are The New Normal In Material Design The Content is in the role of Misha Baryshnikov confidently taking center stage Correspondingly the hidden panels and Drawers of all kinds now come in a wide variety of implementations and purposes For example this aqua colored overlay teaser that hides advanced calculator functions can be deployed by swiping from the right edge of the screen Interesting possibilities App Bars and Toolbars new terms which now replace Action Bars routinely hide away when scrolling Letting the content really shine Parts of the screen made up of separate pieces of digital paper can also scroll away allowing us to configure the screen for optimal interaction at all times Check out the fabulous disappearing act of Ali Connors from this Contacts detail screen As the Ali Connor s contact details keep on scrolling they hide the app bar as well displaying the full screen contact details Note especially the disappearance of the pink FAB Floating Action Button we can only assume that the Mark as Favorite function is now accessible in the overflow menu It is less than clear if this function was always in the overflow and was doubled up in the FAB or is the Mark as Favorite function is placed in the overflow menu dynamically only when the FAB disappears If it s the latter well configurable menus are nothing new but they tend to be much more confusing We will wait to get more information to see what Google has in mind but for now this is something to keep an eye on Note also the variety and interesting use of icons which brings us to the next section 6 Pop Icons Android L Material Design

    Original URL path: http://www.designcaffeine.com/articles/visual-guide-to-android-l-material-design-7-insights-every-serious-designer-needs-to-know/ (2016-04-27)
    Open archived version from archive

  • 8 Mobile UX Trends You Can’t Afford to Ignore in 2015
    joined in the coming year by the relative newcomer Apple Watch Unfortunately as Google X s Astro Teller Says in this TechCrunch article beside niche applications such as fitness tracking using smart gadgets like FitBit UP etc wearables do not currently have the killer app unless you count Anouk Wipprecht s awesome Spider Dress I predict this will change in 2015 One of the wearable applications I mentioned in my 3 rd book Android Design Patterns is identity management This is especially poignant with the security and privacy concerns mentioned in the previous section I think 2015 will see the emergence of the wearable devices not just for notifications or wholly outdated and trite things like telling time but as a convenience feature to quickly unlock the mobile device computer car house with a decoder ring or a smart bracelet And while the lack of killer consumer applications for Google Glass continues to be the joke of the Silicon Valley one of the medical device startups we consult VitalMedicals found several fantastic uses for Google Glass in the hospital operating room as you can see in this incredible video It is safe to say that 2015 will be the year of wearables stay tuned 4 The Big Thing in your Pocket Designing for Larger Screens While wearables represent one end of the emerging mobile spectrum the bread butter and cheese of mobile design full size mobile phones are also radically changing in 2015 With iPhone 6 Plus Apple is finally following its more adventuresome cousin Android down the path of phones with larger screens As I wrote about in Android Design Patterns book this seemingly slight increase in size 5 5 inches brings unique challenges in device ergonomics customers are simply unable to reach the top action bar while holding the phone single handed This causes frequent and painful shifting of grip on the device As you can see in the diagram I borrowed from my book the hot zone for the thumb does not reach the top bar on a larger screen This means that the new larger device requires a radical redesign of the interface to place most commonly used functions on the bottom of the screen within easy reach of the thumb In the case of iPhone 6 Plus slide the entire display can down to accommodate the new ergonomic reality with a feature Apple calls Reachability enable under Accessibility then double tap not click the home button to use the Reachability feature Scott Hurff discuss the implications of Reachability in detail in his recent article How to design for thumbs in the Era of Huge Screens As larger screens become the norm in 2015 novel UI solutions to the challenges of one handed ergonomics such as the Floating Action Button in Google Material Design and Reachability in iPhone will become the norm rather than exception 3 Mobile that Moves In Car Mobile Experience What looks like a marshmallow but acts as humanity s overlord No it

    Original URL path: http://www.designcaffeine.com/articles/8-mobile-ux-trends-you-cant-afford-to-ignore-in-2015/ (2016-04-27)
    Open archived version from archive

  • Connect
    a project Talk directly with the A team 877 786 7817 main greg nudelman designcaffeine com DesignCaffeine twitter As seen on Visit our Media Room Popular Upcoming Events Case Studies 1 Prototype Material Design Featured 8 Mobile UX Trends You

    Original URL path: http://www.designcaffeine.com/connect/ (2016-04-27)
    Open archived version from archive

  • About Greg Nudelman
    Patterns Interaction Design Solutions for Developers Smashing Mobile Book co authored Designing Search UX Strategies for eCommerce Success Greg s 5th book Wearable UX Design Patterns is planned for release in February 2016 4 Books by Greg The 1 Prototype Lean Mobile UX Design and Rapid Innovation for Material Design iOS8 and RWD DesignCaffeine Press December 2014 Android Design Patterns Interaction Design Solutions for Developers Wiley March 2013 Designing Search UX Strategies for eCommerce Success Wiley 2011 And a co author of Smashing Mobile Book Smashing Media 2012 5 Book Contributions Designing Mobile Apps Tips And Techniques Smashing Media 2013 Mobile Design Patterns Smashing Media 2012 Designing the Search Experience Tony Russell Rose and Tyler Tate Morgan Kaufmann 2013 Search Analytics for Your Site Lou Rosenfeld Rosenfeld Media 2011 Greg s work on storyboarding tablet transitions was featured recently in Rachel Hinman s The Mobile Frontier Rosenfeld Media 2012 Affiliations and more Greg authored 50 industry articles on mobile and tablet design and digital design strategy for leading industry magazines Smashing Magazine Boxes and Arrows JavaWorld ASP NET Pro UXmatters and UXMagazine He is a Rosenfeld Media FatDUX Wiley and eConsultancy affiliate and workshop leader and he has taught sold out design workshops at Marquette University HULT Business School Associated Press Oracle and Wells Fargo Greg is an internationally acclaimed speaker with 40 repeated appearances keynotes and sold out workshops at leading industry events such as Adaptive Path s UXWeek SXSW MobX Berlin IA Summit WebVisions UXI Studio Latinoware Design4Mobile Search Engine Summit Enterprise Search Summit Net Squared Conference DrawCamp and SketchCamp He is a co founder of the UX SketchCamp movement with the landmark UX SketchCamp SF 2011 event Greg s mobile and tablet design strategy consulting company DesignCaffeine Inc is based in the San Francisco Bay Area Videos

    Original URL path: http://www.designcaffeine.com/about-greg-nudelman/ (2016-04-27)
    Open archived version from archive

  • Media Room
    same reading session was rather time consuming or at least perceived that way It was much more efficient and less disorienting to simply scroll down Safari app or slide Kindle app for more content If you look at my Cross Channel UX Elements framework you will see the multi touch row swipe and screen size row that can be used to describe this dependency and why the page flip is more pertinent for large devices such as iPad which can also house larger multi touch gestures comfortably more IATV Radio Berlin March 04 2012 Show 008 Push It Nationwide I speak with the awesome Jan Jursa from IATV Radio about designing from zero as a design and business philosophy 3 deadly sins of zero results pages mobile UX design strategy and Agile light weight mobile design process In addition to IATV Jan also runs MobX the premiere mobile conference in Europe Here s a small sample The biggest challenge with Agile UX is that people feel that they are giving up control People don t know what s going to happen when the process is time bound not deliverable bound Increasingly the reality we designers are facing is that Agile teams want to code right away User Experience tactics need to adopt along the same lines We need to create lighter processes that no longer require 3 6 months for research and prototyping before any coding is done In my work I ve been successfully using light weight prototyping using post it notes that approximate the shape of a smart phone it allows you to test the natural interaction with the device using motion and a meat pointer and is very easy to fix and update We also have to get away from traditional 2 hour usability testing sessions If it takes more than 15 minutes to test your process and you are planning to deploy it on mobile you have to rethink your process Agile is an opportunity to get to the core of what it means to design what it means to have empathy toward your customer what it means to have focus on them from the standpoint of meeting them where they are using technology and understanding how they are going to go about doing this task more Interview starts at about 14 10 Aim Clear Blog November 16th 2011 by Merry Morud Does SEO Conflict with User Friendly Websites SESChi Grand Takeaways Panda Google s new search algorithm and humans do agree on a few things When they disagree pay attention Don t forget user experience for humans AND pandas Panda does require some consideration as a demographic more Practical eCommerce November 3 2011 by Jill Kocher Does SEO Conflict with User Friendly Websites Jill Kocher Google s series of Panda algorithm updates focused primarily on site quality signals such as unique high quality content How do user experience strategies help send higher site quality signals to the search engines Greg Nudelman Interestingly enough many accessibility

    Original URL path: http://www.designcaffeine.com/mediaroom/ (2016-04-27)
    Open archived version from archive

  • Case Studies: USAA Android 4.x App
    Armed Forces And in addition to providing the intensive team training and the design guidelines document we are SUPER excited to help USAA take on the challenge of using the new Android platform as a strategic opportunity to redesign their flagship flows Greg is a top notch user experience professional who is industry recognized and highly regarded He is incredibly professional and knowledgeable about Android design He delivers high quality products that I was extremely happy with I would recommend working with Greg Tatiana Miller Director Digital Strategy and Operations at USAA Pure Android Taking full advantage of Android 4 x involves changes that are more than skin deep like removing carets and rounded corners Changes to app s information architecture layout and navigation are a key to adhering to the new Android design guidelines while providing a great experience untouched by competition The Gold Standard of Mobile Banking Re imagined We are proud to have assisted USAA with using the Android 4 x design challenge as the opportunity to strategically revisit key workflows like check deposit and apply the modern design patterns like Wizard Flow with Form and Auto Scan to enable USAA members to deposit multiple checks with

    Original URL path: http://www.designcaffeine.com/case-studies/case-studies-usaa-android-4-app/ (2016-04-27)
    Open archived version from archive



  •